/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 27 2023 | 09:08:38 */
html {
	scroll-behavior: smooth;
}

/* reset spacing */
.page-id-3403 .c-section--small .row, .page-id-4355 .c-section--small .row {
	max-width: unset;
	padding-left: 0;
	padding-right: 0;
}

.page-id-3403 .c-section--small .row .column, .page-id-4355 .c-section--small .row .column {
	padding-left: 0;
	padding-right: 0;
}

.page-id-3403 .c-section--small .row .large-8, .page-id-4355 .c-section--small .row .large-8 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: unset;
}

.page-template-default.page.page-id-3403.elementor-default.elementor-kit-2418 main .c-section--small, .page-template-default.page.page-id-4355.elementor-default.elementor-kit-2418 main .c-section--small {
	padding-right: 0!important;
}
/* fin reset */

.dem_main img {
    position: relative;
    width: 100%;
    display: block;
}

.dem_main a:focus,
.dem_main a:active,
.dem_main a:link,
.dem_main a:visited {
    text-decoration: none;
}

.dem_bold {
    font-weight: 700;
}

.dem_light {
    font-weight: 300;
}

.dem_upper {
    text-transform: uppercase;
}

.dem_sup {
    font-size: 60%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}

.dem_big {
    font-size: 150%;
}

.dem_main p {
    position: relative;
    font-family: 'Century Gothic W01','Century Gothic',CenturyGothic,AppleGothic,sans-serif;
}

.dem_linkglob {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
}

.dem_main {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    gap: clamp(1.875rem, -0.9881rem + 4.4693vw, 4.375rem);
    overflow: hidden;
}

.dem_main picture {
    position: relative;
    width: 100%;
}

/* nav */
.page-id-3403 .dem_nav li::before, .page-id-4355 .dem_nav li::before {
	content: unset;
}

.page-id-3403 .dem_nav a br, .page-id-4355 .dem_nav a br {
	display: none;
}

.dem_nav {
    position: relative;
	width: clamp(700px,calc((2/3)*100%),1300px)
}

.dem_nav>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.dem_nav>ul>li {
	margin: 0;
}

.dem_nav a {
    position: relative;
    display: inline-block;
    font-family: 'Century Gothic W01','Century Gothic',CenturyGothic,AppleGothic,sans-serif;
    color: #000;
    font-size: clamp(0.625rem, -0.0192rem + 1.0056vw, 1.1875rem)!important;
    font-weight: 700;
    padding: 5px 0;
	margin: 0!important;
}

.dem_nav a::before {
    content:'';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 2px;
    background-color: #000;
    transition: width .3s ease-in-out;
}

@media (hover: hover){
    .dem_nav a:hover::before {
        width: 100%;
    }
	
	.dem_nav a:hover {
		color: #000000;
	}

    .dem_bloc04 .dem_bloc04_part a:hover {
        text-decoration: underline;
    }
}

.blocs_anchor {
	position: absolute;
	z-index: 0;
	top: -70px;
	left: 0;
	opacity: 0;
}

/* bloc01 */
.dem_bloc01 {
    position: relative;
    width: 100%;
    background-color: #F2F2F2;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.dem_bloc01_intro {
    position: relative;
    width: calc((2/3)*100%);
    max-width: 1300px;
    padding: 30px 0;
    box-sizing: border-box;
}

.dem_bloc01_intro>h1 {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: clamp(1.375rem, 0.8024rem + 0.8939vw, 1.875rem);
    font-weight: 700;
    color: #000;
    margin: 0 0 20px 0;
    font-family: 'Century Gothic W01','Century Gothic',CenturyGothic,AppleGothic,sans-serif;
}

.dem_bloc01_intro>p {
    font-size: clamp(0.875rem, 0.5887rem + 0.4469vw, 1.125rem);
    line-height: clamp(1.375rem, 0.8024rem + 0.8939vw, 1.875rem);
    font-weight: 300;
    color: #000;
    margin: 0;
}

.dem_bloc01_corps {
    position: relative;
    width: calc((2/3)*100%);
    max-width: 1300px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.dem_bloc01_corps_elm {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
}

.dem_bloc01_corps_elm_picto {
    position: relative;
    width: 30%;
}

.dem_bloc01_corps_elm_txt {
    position: relative;
    width: 70%;
    display: flex;
    flex-flow: column nowrap;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    margin: 20px 0;
}

.dem_bloc01_corps_elm_txt>h3 {
    position: relative;
    width: 70%;
    text-align: left;
    font-size: clamp(0.875rem, 0.4455rem + 0.6704vw, 1.25rem);
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    margin: 0;
    font-family: 'Century Gothic W01','Century Gothic',CenturyGothic,AppleGothic,sans-serif;
}

.dem_bloc01_corps_elm_txt>p {
    width: 80%;
    font-size: clamp(0.875rem, 0.5887rem + 0.4469vw, 1.125rem);
    font-weight: 300;
    color: #000;
    margin: 0;
    text-align: left;
}

.dem_bloc01_corps_elm.alter .dem_bloc01_corps_elm_picto {
    order: 2;
}

.dem_bloc01_corps_elm.alter .dem_bloc01_corps_elm_txt {
    order: 1;
    align-items: flex-end;
}

.dem_bloc01_corps_elm.alter .dem_bloc01_corps_elm_txt>h3, .dem_bloc01_corps_elm.alter .dem_bloc01_corps_elm_txt>p {
    text-align: right;
}

.dem_bloc01_slider_cont {
    position: relative;
    width: calc((2/3)*100%);
    max-width: 1300px;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.dem_bloc01_slider_cont_bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background-color: #EEA593;
}

.dem_bloc01_slider_cont>p {
    position: relative;
    z-index: 1;
    width: 90%;
    font-size: clamp(0.875rem, 0.5887rem + 0.4469vw, 1.125rem);
    font-weight: 700;
    color: #000;
    margin: 40px 0 0 0;
    text-align: left;
}

.dem_bloc01_slider_wrapper {
    width: 90%;
    padding: 0 0 50px 0!important;
}

.dem_bloc01_slider_inside_elm {
    position: relative;
    filter: drop-shadow(2px 2px 4px #00000033);
}

.dem_bloc01_slider_cont .swiper-scrollbar-drag {
    background: #EEA593;
}

/* bloc2 */

.dem_bloc02 {
    position: relative;
    width: calc((2/3)*100%);
    max-width: 1300px;
    padding: 30px 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.dem_bloc02>h1 {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: clamp(1.375rem, 0.8024rem + 0.8939vw, 1.875rem);
    font-weight: 700;
    color: #000;
    margin: 0;
    font-family: 'Century Gothic W01','Century Gothic',CenturyGothic,AppleGothic,sans-serif;
}

.dem_bloc02>p:first-of-type {
    width: 100%;
    font-size: clamp(0.875rem, 0.5887rem + 0.4469vw, 1.125rem);
    font-weight: 300;
    color: #000;
    text-align: left;
    margin: 0;
}

.dem_bloc02_cit {
    position: relative;
    width: 96%;
    background-color: #F2F2F2;
    padding: 2% 12%;
    box-sizing: border-box;
    --sizeBase: clamp(2.8125rem, -1.1243rem + 6.1453vw, 6.25rem);
}

.dem_bloc02_cit::before {
    content:'';
    width: var(--sizeBase);
    height: calc(var(--sizeBase)*0.8);
    background: url('https://www.groupe-beaumanoir.com/wp-content/uploads/2022/04/rse_demarche_b2_quote.svg') no-repeat center/100%;
    position: absolute;
    top: -10%;
    left: 2%;
    transform: rotate(180deg);
}

.dem_bloc02_cit::after {
    content:'';
    width: var(--sizeBase);
    height: calc(var(--sizeBase)*0.8);
    background: url('https://www.groupe-beaumanoir.com/wp-content/uploads/2022/04/rse_demarche_b2_quote.svg') no-repeat center/100%;
    position: absolute;
    bottom: -10%;
    right: 2%;
}

.dem_bloc02_cit>p {
    width: 100%;
    font-size: clamp(0.875rem, 0.3740rem + 0.7821vw, 1.3125rem);
    font-weight: 700;
    color: #000;
    text-align: left;
    margin: 0;
    font-style: italic;
}

.dem_bloc02_cit>p:first-of-type>span {
    white-space: nowrap;
}

.dem_bloc02_cit>p:last-of-type>span {
    font-size: 85%;
    font-style: normal;
}

.dem_bloc02>p:last-of-type {
    width: 100%;
    font-size: clamp(0.875rem, 0.5887rem + 0.4469vw, 1.125rem);
    font-weight: 500;
    color: #000;
    text-align: left;
    margin: 0;
}

.dem_bloc02_elm {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: column nowrap;
}

/*fix apparition p vide*/
.dem_bloc02_elm>p:first-of-type {
	display: none;
}

.dem_bloc02_elm.alter {
    margin: 40px 0 0 0;
}

.dem_bloc02_elm>img {
    position: relative;
    z-index: 0;
    width: 50%;
    align-self: flex-end;
}

.dem_bloc02_elm.alter>img {
    align-self: flex-start;
}

.dem_bloc02_elm_conttxt {
    position: absolute;
    z-index: 2;
    bottom: -50px;
    left: 0;
    width: 60%;
    background-color: #F2F2F2;
    border: solid 10px #FFF;
    margin: 0;
    padding: clamp(1.5625rem, -0.2270rem + 2.7933vw, 3.125rem);
    box-sizing: border-box;
}

.dem_bloc02_elm_conttxt>p {
    font-size: clamp(0.75rem, 0.3205rem + 0.6704vw, 1.125rem);
    line-height: clamp(1.0625rem, 0.4899rem + 0.8939vw, 1.5625rem);
    font-weight: 300;
    font-style: italic;
	color: #000000;
	margin: 20px 0;
}

.alter .dem_bloc02_elm_conttxt{
    left: unset;
    right: 0;
}

.dem_bloc02_elm_conttxt>p:first-of-type {
    font-weight: 700;
    font-style: normal;
	margin: 0;
}

.dem_bloc02_elm_conttxt>p:last-of-type {
    font-style: normal;
	margin: 0;
}

.dem_bloc02_elm>p>span:first-of-type {
    font-weight: 700;
    font-style: normal;
}

.dem_bloc02_elm>p>span:last-of-type {
    font-style: normal;
}

/* bloc3 */

.dem_bloc03 {
    position: relative;
    width: 100%;
    background-color: #F2F2F2;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
}

.dem_bloc03_cont {
    position: relative;
    width: calc((2/3)*100%);
    max-width: 1300px;
    padding: 30px 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.dem_bloc03_cont>h1 {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: clamp(1.375rem, 0.8024rem + 0.8939vw, 1.875rem);
    font-weight: 700;
    color: #000;
    margin: 0;
    font-family: 'Century Gothic W01','Century Gothic',CenturyGothic,AppleGothic,sans-serif;
}

.dem_bloc03_cont>p {
    width: 100%;
    font-size: clamp(0.875rem, 0.5887rem + 0.4469vw, 1.125rem);
    font-weight: 700;
    color: #000;
    text-align: left;
    margin: 0;
}

.dem_bloc03_cont_12 {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
}

.dem_bloc03_cont_12_elm {
    position: relative;
    width: calc(50% - 20px);
    display: flex;
    flex-flow: row wrap;
}

.dem_bloc03_cont_12_elm_img {
    position: relative;
    width: 20%;
    align-self: flex-start;
}

.dem_bloc03_cont_12_elm_text {
    position: relative;
    width: 80%;
    align-self: flex-start;
    display: flex;
    flex-flow: column nowrap;
    gap: 20px;
    margin: clamp(1.875rem, 0.4434rem + 2.2346vw, 3.125rem) 0 0 0;
}

.dem_bloc03_cont_12_elm_text>h2 {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: clamp(0.875rem, 0.4455rem + 0.6704vw, 1.25rem);
    font-weight: 300;
    color: #000;
    margin: 0;
    font-family: 'Century Gothic W01','Century Gothic',CenturyGothic,AppleGothic,sans-serif;
    text-transform: uppercase;
}

.dem_bloc03_cont_12_elm_text>p {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: clamp(0.875rem, 0.4455rem + 0.6704vw, 1.25rem);
    font-weight: 300;
    color: #000;
    margin: 0;
}

.dem_bloc03_brands {
    position: relative;
    width: 90%;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: clamp(4.375rem, 2.2277rem + 3.3520vw, 6.25rem) clamp(5rem, 1.4211rem + 5.5866vw, 8.125rem);
}

#brand_cch {
    width: 20.15%;
}

#brand_vib {
    width: 5.89%;
}

#brand_bnb {
    width: 20.07%;
}

#brand_brl {
    width: 18.87%;
}

#brand_mgn {
    width: 19.61%;
}

#brand_crl {
    width: 13.55%;
}

#brand_srz {
    width: 21.75%;
}

#brand_clog {
    width: 10.98%;
}

/* bloc04 */
.dem_bloc04 {
    position: relative;
    width: calc((2/3)*100%);
    max-width: 1300px;
    padding: 30px 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}

.dem_bloc04>h1 {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: clamp(1.375rem, 0.8024rem + 0.8939vw, 1.875rem);
    font-weight: 700;
    color: #000;
    margin: 0;
    font-family: 'Century Gothic W01','Century Gothic',CenturyGothic,AppleGothic,sans-serif;
}

.dem_bloc04>p:first-of-type {
    width: 100%;
    font-size: clamp(0.875rem, 0.5887rem + 0.4469vw, 1.125rem);
    font-weight: 300;
    color: #000;
    text-align: left;
    margin: 0;
}

.dem_bloc04_part {
    position: relative;
    width: 90%;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: center;
    --spacingPart: clamp(3.125rem, -0.4539rem + 5.5866vw, 6.25rem);
    gap: var(--spacingPart);
}

.dem_bloc04_part_elm {
    position: relative;
    width: calc(49.9% - (var(--spacingPart)/2));
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    gap: clamp(0.625rem, -0.0908rem + 1.1173vw, 1.25rem);
}

.dem_bloc04_part_elm>p:first-of-type {
    font-size: clamp(0.875rem, 0.4455rem + 0.6704vw, 1.25rem);
    font-weight: 700;
    color: #000;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.dem_bloc04_part_elm>p {
    font-size: clamp(0.75rem, 0.3205rem + 0.6704vw, 1.125rem);
    line-height: clamp(0.9375rem, 0.2217rem + 1.1173vw, 1.5625rem);
    font-weight: 300;
    color: #000;
    width: 100%;
    text-align: left;
	margin: 0;
}

.dem_bloc04_part_elm.fashion_pact .dem_bloc04_part_elm_img {
    width: 31.5%;
}

.dem_bloc04_part_elm.amfori .dem_bloc04_part_elm_img {
    width: 39.37%;
}

.dem_bloc04_part_elm.ics .dem_bloc04_part_elm_img {
    width: 16.22%;
}

.dem_bloc04_part_elm.bci .dem_bloc04_part_elm_img {
    width: 37.11%;
}

@media (max-width: 1024px){
    .dem_nav {
        width: 85%;
    }

    .dem_nav>ul {
        flex-flow: column nowrap;
        align-items: flex-start;
        gap: 10px;
    }

    .dem_nav a {
        font-size: 16px!important;
        text-decoration: underline!important;
        text-align: left;
    }
	
	.dem_nav a::before {
		content: unset;
	}

    /* bloc1 */
    .dem_bloc01_intro {
        width: 80%;
    }

    .dem_bloc01_intro > h1 {
        font-size: clamp(1.3125rem, 0.8941rem + 1.0444vw, 1.5625rem); 
    }

    .dem_bloc01_intro > p {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
        line-height: clamp(1.3125rem, 0.8941rem + 1.0444vw, 1.5625rem);
    }

    .dem_bloc01_corps {
        width: 80%;
    }

    .dem_bloc01_corps_elm_txt > h3 {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
		line-height: 1rem;
    }

    .dem_bloc01_corps_elm_txt > p {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
		line-height: 1rem;
    }

    .dem_bloc01_slider_cont {
        width: 80%;
    }

    .dem_bloc01_slider_cont>p {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
		line-height: 1rem;
    }

    /* bloc2 */
    .dem_bloc02 {
        width: 80%;
    }

    .dem_bloc02 > h1 {
        font-size: clamp(1.3125rem, 0.8941rem + 1.0444vw, 1.5625rem);
		line-height: 1rem;
    }

    .dem_bloc02 > p:first-of-type {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
		line-height: 1rem;
    }

    .dem_bloc02_cit {
        --sizeBase: 40px;
    }

    .dem_bloc02_cit > p {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
		line-height: 1rem;
    }

    .dem_bloc02 > p:last-of-type {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
		line-height: 1rem;
    }
	
	.dem_bloc02_elm.alter {
		margin: 0;
	}
	
	.dem_bloc02_elm > img {
		width: 100%;
	}
	
	.dem_bloc02_elm_conttxt {
		position: relative;
		bottom: unset;
		left: unset;
		width: 100%;
		border: none;
	}

    .dem_bloc02_elm_conttxt > p {
        font-size: clamp(0.5625rem, 0.2487rem + 0.7833vw, 0.75rem);
        line-height: clamp(0.6875rem, 0.0599rem + 1.5666vw, 1.0625rem);
    }

    /* bloc3 */
    .dem_bloc03_cont {
        width: 80%;
    }

    .dem_bloc03_cont > h1 {
        font-size: clamp(1.3125rem, 0.8941rem + 1.0444vw, 1.5625rem);
		line-height: 1rem;
    }

    .dem_bloc03_cont > p {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
		line-height: 1rem;
    }

    .dem_bloc03_cont_12_elm_text > h2 {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
		line-height: 1rem;
    }

    .dem_bloc03_cont_12_elm_text > p {
        font-size: clamp(0.625rem, 0.3112rem + 0.7833vw, 0.8125rem);
		line-height: 1rem;
    }

    /* bloc4 */
    .dem_bloc04 {
        width: 80%;
    }

    .dem_bloc04 > h1 {
        font-size: clamp(1.3125rem, 0.8941rem + 1.0444vw, 1.5625rem);
		line-height: 1rem;
    }

    .dem_bloc04 > p:first-of-type {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
		line-height: 1rem;
    }

    .dem_bloc04_part_elm > p:first-of-type {
        font-size: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
    }

    .dem_bloc04_part_elm > p {
        font-size: clamp(0.5625rem, 0.3533rem + 0.5222vw, 0.6875rem);
        line-height: clamp(0.75rem, 0.4362rem + 0.7833vw, 0.9375rem);
    }
	
	.dem_bloc03_brands {
		gap: clamp(2.5rem, 1.4540rem + 2.6110vw, 3.125rem) clamp(4.375rem, 0.1909rem + 10.4439vw, 6.875rem);
	}
}

@media (max-width: 640px){
    .dem_nav a {
        font-size: clamp(0.8125rem, 0.6250rem + 0.9375vw, 1rem);
    }

    /* bloc1 */
    .dem_bloc01_intro {
        width: 85%;
    }

    .dem_bloc01_intro > h1 {
        font-size: clamp(1.125rem, 0.6875rem + 2.1875vw, 1.5625rem);
    }

    .dem_bloc01_intro > p {
        font-size: clamp(0.75rem, 0.5625rem + 0.9375vw, 0.9375rem);
        line-height: clamp(1.5rem, 1.1250rem + 1.8750vw, 1.875rem);
    }

    .dem_bloc01_corps {
        width: 85%;
    }

    .dem_bloc01_corps_elm {
        justify-content: center;
    }

    .dem_bloc01_corps_elm_picto {
        width: 50%;
    }

    .dem_bloc01_corps_elm_txt {
        width: 100%;
        background-color: #EEA593;
        padding: clamp(1.25rem, 0.6250rem + 3.1250vw, 1.875rem);
    }

    .dem_bloc01_corps_elm_txt > h3 {
        width: 100%;
        font-size: clamp(0.9375rem, 0.6250rem + 1.5625vw, 1.25rem);
        line-height: clamp(1.25rem, 0.9375rem + 1.5625vw, 1.5625rem);
        text-align: center;
    }

    .dem_bloc01_corps_elm_txt > p {
        width: 100%;
        font-size: clamp(0.75rem, 0.5625rem + 0.9375vw, 0.9375rem);
        line-height: clamp(1.5rem, 1.1250rem + 1.8750vw, 1.875rem);
        text-align: center;
    }

    .dem_bloc01_corps_elm.alter .dem_bloc01_corps_elm_picto {
        order: 1;
    }

    .dem_bloc01_corps_elm.alter .dem_bloc01_corps_elm_txt {
        order: 2;
        align-items: center;
        background-color: #F2F2F2;
    }

    .dem_bloc01_corps_elm.alter .dem_bloc01_corps_elm_txt > h3, .dem_bloc01_corps_elm.alter .dem_bloc01_corps_elm_txt > p {
        text-align: center;
    }

    .dem_bloc01_slider_cont {
        width: 100%;
        gap: 20px;
    }

    .dem_bloc01_slider_cont > p {
        width: 85%;
        font-size: clamp(0.9375rem, 0.6250rem + 1.5625vw, 1.25rem);
        line-height: clamp(1.25rem, 0.9375rem + 1.5625vw, 1.5625rem);
        margin: 30px 0 0 0;
    }

    .dem_bloc01_slider_wrapper {
        width: 85%;
    }

    /* bloc2 */
    .dem_bloc02 {
        width: 100%;
        gap: 30px;
    }

    .dem_bloc02 > h1 {
        width: 85%;
        font-size: clamp(1.125rem, 0.6875rem + 2.1875vw, 1.5625rem);
    }

    .dem_bloc02 > p:first-of-type {
        width: 85%;
        font-size: clamp(0.75rem, 0.5625rem + 0.9375vw, 0.9375rem);
        line-height: clamp(1.5rem, 1.1250rem + 1.8750vw, 1.875rem);
    }

    .dem_bloc02_cit {
        --sizeBase: 50px;
        padding: 15% 12% 5% 12%;
        width: 100%;
    }

    .dem_bloc02_cit::after {
        display: none;
    }

    .dem_bloc02_cit::before {
        top: -4%;
        left: 50%;
        transform: translateX(-50%) rotate(180deg);
    }

    .dem_bloc02_cit > p {
        font-size: clamp(1rem, 0.6875rem + 1.5625vw, 1.3125rem);
        line-height: clamp(1.3125rem, 0.4375rem + 4.3750vw, 2.1875rem);
        font-weight: 300;
    }

    .dem_bloc02 > p:last-of-type {
        font-size: clamp(0.75rem, 0.5625rem + 0.9375vw, 0.9375rem);
        line-height: clamp(1.5rem, 1.1250rem + 1.8750vw, 1.875rem);
        width: 85%;
        font-weight: 700;
    }

    .dem_bloc02_elm {
        width: 85%;
    }

    .dem_bloc02_elm > img {
        width: 100%;
    }

    .dem_bloc02_elm > p {
        font-size: clamp(0.625rem, 0.3125rem + 1.5625vw, 0.9375rem);
        line-height: clamp(1.25rem, 0.6250rem + 3.1250vw, 1.875rem);
        position: relative;
        bottom: unset;
        left: unset;
        width: 100%;
        border: none;
    }

    /* bloc3 */
    .dem_bloc03_cont {
        width: 85%;
        gap: 30px;
    }

    .dem_bloc03_cont > h1 {
        font-size: clamp(1.125rem, 0.6875rem + 2.1875vw, 1.5625rem);
    }

    .dem_bloc03_cont>p {
        font-size: clamp(0.75rem, 0.5625rem + 0.9375vw, 0.9375rem);
        line-height: clamp(1.5rem, 1.1250rem + 1.8750vw, 1.875rem);
        font-weight: 300;
    }

    .dem_bloc03_cont_12_elm {
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .dem_bloc03_cont_12_elm_img {
        width: 35%;
        max-width: 120px;
    }

    .dem_bloc03_cont_12_elm_text {
        width: 100%;
        align-self: center;
        gap: 10px;
        margin: 20px 0 0 0;
    }

    .dem_bloc03_cont_12_elm_text > h2 {
        font-size: clamp(1.125rem, 1.0625rem + 0.3125vw, 1.1875rem);
        text-align: center;
    }

    .dem_bloc03_cont_12_elm_text > p {
        font-size: clamp(0.625rem, 0.3125rem + 1.5625vw, 0.9375rem);
        line-height: clamp(1.25rem, 0.6250rem + 3.1250vw, 1.875rem);
        text-align: center;
    }

    .dem_bloc03_brands {
        width: 100%;
        gap: clamp(1.875rem, 0.0000rem + 9.3750vw, 3.75rem) clamp(1.5625rem, -0.3125rem + 9.3750vw, 3.4375rem);
    }

    #brand_cch {
        width: 51.2%;
    }

    #brand_vib {
        width: 20.24%;
    }

    #brand_bnb {
        width: 43.45%;
    }

    #brand_brl {
        width: 40.18%;
    }

    #brand_mgn {
        width: 49.40%;
    }

    #brand_crl {
        width: 39.88%;
    }
	
	#brand_srz {
        width: 48.75%;
    }
	
	#brand_clog {
        width: 27%;
    }

    /* bloc04 */
    .dem_bloc04 {
        width: 85%;
    }

    .dem_bloc04>h1 {
        font-size: clamp(1.125rem, 0.6875rem + 2.1875vw, 1.5625rem);
    }

    .dem_bloc04>p:first-of-type {
        font-size: clamp(0.75rem, 0.5625rem + 0.9375vw, 0.9375rem);
        line-height: clamp(1.5rem, 1.1250rem + 1.8750vw, 1.875rem);
    }

    .dem_bloc04_part {
        width: 100%;
    }

    .dem_bloc04_part_elm {
        width: 100%;
        gap: clamp(0.9375rem, 0.0000rem + 4.6875vw, 1.875rem);
    }

    .dem_bloc04_part_elm > p:first-of-type {
        font-size: clamp(1rem, 0.4375rem + 2.8125vw, 1.5625rem);
    }

    .dem_bloc04_part_elm > p:last-of-type {
        font-size: clamp(0.75rem, 0.5625rem + 0.9375vw, 0.9375rem);
        line-height: clamp(1.5rem, 1.1250rem + 1.8750vw, 1.875rem);
    }

    .dem_bloc04_part_elm.fashion_pact img {
        width: 85%;
        max-width: 200px;
    }

    .dem_bloc04_part_elm.amfori img {
        width: 85%;
        max-width: 200px;
    }

    .dem_bloc04_part_elm.ics img {
        width: 50%;
        max-width: 140px;
    }

    .dem_bloc04_part_elm.bci img {
        width: 85%;
        max-width: 200px;
    }
}