@media only screen and (max-width:1600px) {
	#marquesSliderWrap .splide__arrow--prev { left:5px !important }
	#marquesSliderWrap .splide__arrow--next { right:5px !important }
}

@media only screen and (max-width:1520px) {
	#headerSlider {
	min-height:400px;
	contain-intrinsic-size:auto 400px
	}
}

@media only screen and (max-width:1420px) {
	#slogan { width:35% }

	#slogan1, #slogan2 { font-size:1.3rem }

	#logo { width:15% }

	#social {
	width:40%;
	vertical-align:top;
	text-align:right;
	margin:0 0 0 5%
	}

	#nav {
	width:57%;
	margin:0 3% 0 0
	}

	#recherche { width:40% }

	#motsClefs,
	#motsClefs_sticky,
	#motsClefs_interne { width:50% }

	#membres article {
	flex:0 0 calc(33% - 40px);
	margin:0 20px 30px 20px
	}

	#offre_avantages p {
	width:16%;
	margin:0 2%;
	padding:0
	}

	#marques_categories {
	justify-content:center;
	contain-intrinsic-size:auto 1200px;
	margin-bottom:0 !important
	}

    #marques_categories article {
    flex:0 0 calc(33.33% - 20px);
    margin:0 10px 25px 10px;
    }

	.splide__slide aside {
	width:65%;
	bottom:10%;
	padding:25px 3% 25px 5%
	}
}

@media only screen and (max-width:1280px) {
	#footer,
	.section { padding:40px 25px }

	#logo img { height:70px }

	#slogan { width:50%	}

	#social .caseti {
	width:auto !important;
	margin:0 !important
	}

	#social p,
	#social a { vertical-align:top !important }

	#social {
	width:25%;
	margin:0 0 0 5%;
	padding-top:20px
	}

	#social > a {
	position:relative;
	width:32px;
	height:32px;
	text-align:center;
	color:white;
	text-decoration:none;
	font-size:1.1rem;
	border-radius:8px;
	margin:0 4px;
	padding:8px 6px 6px 6px
	}

	#social > a i {
	vertical-align:middle;
	margin:0;
	padding:0
	}

	#social > a span { display:none }

	#nav {
	width:57%;
	margin:0 3% 0 0
	}

	#navMenu { margin:5px 0 }

	#motsClefs_sticky,
	#motsClefs_interne { width:120px }

	.subMenu li:first-child { margin-top:5px }

	#navMenu > li > a,
	#navMenuSticky > li > a,
	#navMenu > li > a:hover,
	#navMenuSticky > li > a:hover { font-size:1.0rem }

	#recherche { width:40% }

	#motsClefs { width:60% }

	.titleSlide { font-size:1.60rem	}
	.texteSlide { font-size:1.3rem	}

	#affiner_marques > div {
	display:inline-block;
	width:100%;
	margin:0
	}

	#affiner_marques > div > p {
	display:inline-block;
	flex:0;
	width:100%;
	margin:0
	}

	#affiner_marques > div > p:nth-child(1) {
	margin:0 0 25px 0
	}

	#affiner_marques > div > p:nth-child(2) {
	margin:0 0 25px 0
	}

	.premiereLettre,
	.detailsMarque { margin-bottom:5px }

	#membresLeft {
	width:60%;
	margin:0 6% 0 0
	}

	#membresRight { width:34% }

	.adresseFooter { text-align:center }

	.solo { height:auto !important }

	#footerSlider {	height:320px }

	#footerSlider li {
	font-size:1.8rem;
	line-height:60px
	}

	#footerSlider .splide__pagination { bottom:-15px !important }

	#bannerPage {
	height:350px
	}

	#marques_categories { contain-intrinsic-size:auto 1100px }

	#headerSlider {
	min-height:280px;
	contain-intrinsic-size:auto 280px
	}

	#newsGrid > div,
	#newsGridHome > div {
	grid-template-columns:repeat(2, 1fr);
	gap:1.5rem
	}

	.singleNewsContent { padding:0 }

	#relatedNewsGrid {
	grid-template-columns:repeat(2, 1fr);
	gap:1.5rem
	}

	.relatedNews { padding:3rem 1.5rem }

	.category-card {
	flex:0 0 calc(32% - 30px); 
	max-width:calc(32% - 30px)
	}

	.titleSlide { font-size:1.60rem	}
	.texteSlide { font-size:1.3rem	}

	.case2tA {
	width:100%;
	margin:0 0 15px 0
	}

	.case1tB {
	width:100%;
	margin:0
	}
}

@media only screen and (max-width:1182px) {
	.splide__slide aside {
	width:75%;
	bottom:10%;
	padding:20px 2% 20px 4%
	}
}

@media only screen and (max-width:1024px) {
	#slogan1, #slogan2 { font-size:1.1rem }

	#recherche_sticky,
	#recherche_interne { display:none }

	.titleSlide { font-size:1.15rem	}
	.texteSlide { font-size:0.9rem	}

	#welcome_pointsClefs { margin-bottom:0 }

	#welcome_pointsClefs {
	display:inline-block !important;
	position:relative;
	justify-content:unset !important
	}

	#welcome_pointsClefs article {
	display:inline-block;
	position:relative;
	flex:initial;
	width:40%;
	margin:0 4% 25px 4%;
	padding:0
	}

	#welcome_pointsClefs article:first-child,
	#welcome_pointsClefs article:last-child { margin:0 4% 25px 4% }

	#welcome_pointsClefs article:nth-child(3),
	#welcome_pointsClefs article:nth-child(4) { margin-bottom:0 }

	#welcome_pointsClefs article p:last-of-type { height:75px }

	#chiffresClef_liste article p i,
	.chiffresClef_liste article p i	{ font-size:2.6rem }

	#chiffresClef_liste .fsz18,
	.chiffresClef_liste .fsz18	{ font-size:0.90rem }

	.chiffresClefs { font-size:1.6rem }

	#webshop_pointsClefs article i { font-size:3.0rem }

	#carriereLeft {
	width:100%;
	margin:0 0 20px 0
	}

	#carriereRight {
	width:100%;
	margin:0
	}

	#carriereRight img { display:none }

	#carriereRight aside { margin:25px 0 0 0 }

	.keywords {
	border-radius:10px;
	padding:4px 24px
	}

	#actualites_intro { margin-bottom:25px }

	#actualites_liste { display:inline-block }

	#leftActualites {
	width:100%;
	margin:0 0 25px 0
	}

	#rightActualites {
	width:100%;
	margin:0
	}

	.event_contentRight,
	.event_content {
	width:100%;
	margin:0;
	padding:0 10px 10px 10px
	}

	.event_picture {
	position:relative;
	width:100%;
	margin:0 0 10px 0
	}

	#labels article img,
	#qualites article img {
	width:18%;
	margin:0 2% 0 0
	}

	#labels article div,
	#qualites article div { width:80% }

	#marques_liste article {
	flex:0 0 calc(25% - 30px);
	margin:0 15px 40px 15px;
	padding:25px 0 0 0
	}

	.listeDetailsMarque article,
	.listeDetailsMarque article:hover {
	flex:0 0 calc(25% - 20px);
	margin:0 10px 30px 10px
	}

	#kontaktformular > section:nth-child(1),
	#seeNews > section:nth-child(1),
	#kontaktformular > section:nth-child(1),
	#suchePage > section:nth-child(1),
	#accesProPage > section:nth-child(1),
	#faqPage > section:nth-child(1) {
	width:100% !important;
	margin:0 0 30px 0 !important
	}

	#kontaktformular > section:nth-child(2),
	#seeNews > section:nth-child(2),
	#kontaktformular > section:nth-child(2),
	#suchePage > section:nth-child(2),
	#accesProPage > section:nth-child(2),
	#faqPage > section:nth-child(2) {
	width:100% !important;
	margin:0 !important
	}

	.titleSection {
	font-size:1.6rem;
	margin:0 0 1.0rem 0
	}

	.subTitleSection {
	font-size:1.2rem;
	margin:0 0 1.0rem 0
	}

	.titleOffre {
	font-size:1.2rem;
	margin:0 0 1.4rem 0
	}

	.titleOffre i { font-size:1.0rem }

	.fsz14 { font-size:0.80rem }
	.fsz16 { font-size:0.9rem }
	.fsz18 { font-size:1.05rem }
	.fsz20 { font-size:1.2rem }
	.fsz22 { font-size:1.32rem }
	.fsz30 { font-size:1.85rem }

	#produits_infos { gap:2% }

	.produit_infos { width:46% }

	.produit_infos_bubble .fsz24 { font-size:1.2rem }

	#nav { width:67% }

	#recherche { width:30% }

	#claus-firmensitz-img,
	#claus-firmensitz-baden-baden {
	width:48%;
	margin:0 4% 0 0
	}

	#claus-firmensitz-text,
	#claus-firmensitz-infos	{
	width:48%;
	margin:0
	}

	#dgrp1 {
	display:inline-block;
	height:30px
	}

	#unternehmen > div > article { width:48% }

	#unternehmen > div > article:nth-child(1) { margin:0 4% 25px 0 }
	#unternehmen > div > article:nth-child(2) { margin:0 0 25px 0 }
	#unternehmen > div > article:nth-child(3) { margin:0 4% 25px 0 }
	#unternehmen > div > article:nth-child(4) { margin:0 0 25px 0 }

	#unternehmen .caset { height:40px }

	#unternehmen > div > article div .caseti { height:70px }

	#actualites_liste2 article:nth-child(1),
	#actualites_liste2 article:nth-child(2) { margin-top:0 }

	#footerDiv1 {
	display:block;
	width:100%;
	margin:0 0 40px 0
	}

	#footerDiv2 {
	display:block;
	width:100%
	}

	#footerDiv2 > div {
	display:inline-block;
	width:30%;
	flex:0 1 auto;
	}

	#footerDiv2 aside {
	position:relative;
	margin:40px 0 0 0;
	top:0;
	bottom:0
	}

	#footer > .content > div ul { height:auto }

	#welcomeLeft,
	#welcomeRight { contain-intrinsic-size:auto 750px }

	.titleSection {
	font-size:1.6rem;
	margin:0 0 1.0rem 0
	}

	.subTitleSection {
	font-size:1.2rem;
	margin:0 0 1.0rem 0
	}

	.titleOffre {
	font-size:1.2rem;
	margin:0 0 1.4rem 0
	}

	.titleOffre i { font-size:1.0rem }

	.category-card {
	flex:0 0 calc(50% - 30px); 
	max-width:calc(50% - 30px)
	}

	.admin_h2,
	h2.blockSlide a,
	h2.blockSlide a:hover {
	font-size:1.55rem;
	margin:0 0 10px 0
	}

	.admin_h3,
	h3.blockSlide a,
	h3.blockSlide a:hover {
	font-size:1.20rem;
	margin:0 0 10px 0
	}

	.admin_h4,
	h4.blockSlide a,
	h4.blockSlide a:hover {
	font-size:1.0rem;
	margin:0 0 10px 0
	}

	.admin_quote {
	font-size:1.30rem;
	font-style:italic;
	margin:0 0 25px 0 !important;
	padding:0 40px !important;
	}

	.admin_quote:before {
	font-size:5rem;
	line-height:2.5rem
	}

	.admin_quote:after {
	font-size:5rem;
	line-height:2.5rem
	}

	.admin_quote span {
	font-size:1.00rem;
	margin:0 0 0 15px
	}

	.events {
	width:90%;
	height:auto;
	margin:0 5% 30px 5%
	}

	.swal2-title { font-size:1.4rem }
	.swal2-html-container { font-size:1.0rem }

	.attributs_grid { grid-template-columns:1fr }

	.attributs_section article { padding:20px }

	.attributs_section article img {
	width:70px;
	height:70px;
	margin:0 15px 0 0
	}

	.content, .contentNoFlex { padding:0 60px }
}

@media only screen and (max-width:960px) {
	#headerSlider {
	min-height:220px;
	contain-intrinsic-size:auto 220px
	}

	.titleSlide { font-size:1.15rem	}
	.texteSlide { font-size:0.9rem	}
}

@media only screen and (max-width:860px) {
	#social {
	width:15%;
	margin:0 0 0 2%
	}

	#slogan {
	width:50%;
	margin:0 0 0 8%
	}

	#nav { width:100% }

	#recherche { display:none }

	#chiffresClef_liste article,
	.chiffresClef_liste article	{
	display:inline-block;
	position:relative;
	width:28%;
	margin:0 2% 40px 2%;
	padding:0
	}

	#chiffresClef_liste article:nth-child(4),
	#chiffresClef_liste article:nth-child(5),
	#chiffresClef_liste article:nth-child(6),
	.chiffresClef_liste article:nth-child(4),
	.chiffresClef_liste article:nth-child(5),
	.chiffresClef_liste article:nth-child(6) { margin-bottom:0 !important }

	#details_marque > div:nth-child(1),
	#details_marque > div:nth-child(2) { width:100%	}

	#details_marque > div:nth-child(1) { margin:0 0 30px 0 }
	#details_marque > div:nth-child(2) { margin:0 }

	#top5_marque,
	#autres_marques { margin:30px 0 0 0 }

	.listeDetailsProduit article,
	.listeDetailsProduit article:hover	{
	flex:0 0 calc(20% - 20px);
	margin:0 10px 30px 10px
	}

	.listeDetailsProduit article div {
	width:90%;
	margin:0 5%;
	padding-bottom:90%
	}

	#affiner_offre p {
	display:inline-block;
	width:100%;
	margin:0 0 10px 0 !important
	}

	#membresLeft {
	width:100%;
	margin:0 0 30px 0
	}

	#membresRight {
	width:100%;
	margin:0
	}

	#membres article {
	flex:0 0 calc(50% - 40px);
	margin:0 20px 20px 20px
	}

	#actualite_video iframe {
	width:100%;
	height:350px;
	margin:0
	}

	#pagePostuler { display:flex }

	#offreRight {
	order:1;
	width:100%;
	margin:0 0 30px 0
	}

	#offreLeft {
	order:2;
	width:100%;
	margin:0
	}

	#offreInfos div {
	width:50%;
	margin:0
	}

	#offreInfos div p:nth-child(2) { border:none }

	#offre_avantages p {
	width:29%;
	vertical-align:top;
	margin:0 2% 20px 2%;
	padding:0
	}

	#offre_avantages p:nth-child(4),
	#offre_avantages p:nth-child(5),
	#offre_avantages p:nth-child(6) { margin-bottom:0 !important }

	.rowWrap.halfRow {
	width:100%;
	margin:0 0 20px 0
	}

	.block_textLeft,
	.block_textLeft2,
	.block_imgLeft,
	.block_imgLeft2 {
	width:100%;
	margin:0 0 30px 0
	}

	.block_imgMiddle.block_nbImg1 img:nth-child {
	width:100%;
	margin:0 0 30px 0
	}

	.block_imgMiddle,
	.block_textMiddle {
	width:100%;
	margin:0 0 30px 0
	}

	.block_imgMiddle.block_nbImg1 img:nth-child,
	.block_imgLeft.block_nbImg1 img:nth-child,
	.block_imgRight.block_nbImg1 img:nth-child,
	.block_imgLeft2.block_nbImgLeft1 img:nth-child,
	.block_imgRight2.block_nbImgRight1 img:nth-child,
	.block_imgLeft.block_nbImgLeft1 img:nth-child,
	.block_imgRight.block_nbImgRight1 img:nth-child,
	.block_imgTop.block_nbImg1 img:nth-child,
	.block_imgBottom.block_nbImg1 img:nth-child {
	width:100%;
	margin:0 0 30px 0
	}

	.block_imgMiddle.block_nbImg2 img:nth-child(1),
	.block_imgLeft.block_nbImg2 img:nth-child(1),
	.block_imgRight.block_nbImg2 img:nth-child(1),
	.block_imgLeft2.block_nbImgLeft2 img:nth-child(1),
	.block_imgRight2.block_nbImgRight2 img:nth-child(1),
	.block_imgLeft.block_nbImgLeft2 img:nth-child(1),
	.block_imgRight.block_nbImgRight2 img:nth-child(1),
	.block_imgTop.block_nbImg2 img:nth-child(1),
	.block_imgBottom.block_nbImg2 img:nth-child(1) {
	width:48%;
	margin:0 4% 0 0
	}

	.block_imgMiddle.block_nbImg2 img:nth-child(2),
	.block_imgLeft.block_nbImg2 img:nth-child(2),
	.block_imgRight.block_nbImg2 img:nth-child(2),
	.block_imgLeft2.block_nbImgLeft2 img:nth-child(2),
	.block_imgRight2.block_nbImgRight2 img:nth-child(2),
	.block_imgLeft.block_nbImgLeft2 img:nth-child(2),
	.block_imgRight.block_nbImgRight2 img:nth-child(2),
	.block_imgTop.block_nbImg2 img:nth-child(2),
	.block_imgBottom.block_nbImg2 img:nth-child(2) {
	width:48%;
	margin:0 0 0 0
	}

	.block_imgMiddle.block_nbImg3 img:nth-child(1),
	.block_imgLeft.block_nbImg3 img:nth-child(1),
	.block_imgRight.block_nbImg3 img:nth-child(1),
	.block_imgLeft2.block_nbImgLeft3 img:nth-child(1),
	.block_imgRight2.block_nbImgRight3 img:nth-child(1),
	.block_imgLeft.block_nbImgLeft3 img:nth-child(1),
	.block_imgRight.block_nbImgRight3 img:nth-child(1),
	.block_imgTop.block_nbImg3 img:nth-child(1),
	.block_imgBottom.block_nbImg3 img:nth-child(1) {
	width:30%;
	margin:0 0 0 0
	} 

	.block_imgMiddle.block_nbImg3 img:nth-child(2),
	.block_imgLeft.block_nbImg3 img:nth-child(2),
	.block_imgRight.block_nbImg3 img:nth-child(2),
	.block_imgLeft2.block_nbImgLeft3 img:nth-child(2),
	.block_imgRight2.block_nbImgRight3 img:nth-child(2),
	.block_imgLeft.block_nbImgLeft3 img:nth-child(2),
	.block_imgRight.block_nbImgRight3 img:nth-child(2),
	.block_imgTop.block_nbImg3 img:nth-child(2),
	.block_imgBottom.block_nbImg3 img:nth-child(2) {
	width:30%;
	margin:0 4% 0 4%
	}

	.block_imgMiddle.block_nbImg3 img:nth-child(3),
	.block_imgLeft.block_nbImg3 img:nth-child(3),
	.block_imgRight.block_nbImg3 img:nth-child(3),
	.block_imgLeft2.block_nbImgLeft3 img:nth-child(3),
	.block_imgRight2.block_nbImgRight3 img:nth-child(3),
	.block_imgLeft.block_nbImgLeft3 img:nth-child(3),
	.block_imgRight.block_nbImgRight3 img:nth-child(3),
	.block_imgTop.block_nbImg3 img:nth-child(3),
	.block_imgBottom.block_nbImg3 img:nth-child(3) {
	width:30%;
	margin:0 0 0 0
	}

	.block_textRight,
	.block_textRight2,
	.block_imgRight,
	.block_imgRight2 {
	width:100%;
	margin:0 0 30px 0
	}

	.blocks div:last-of-type { margin-bottom:0 }

    .tarifExpedition, .tarifExpedition thead, .tarifExpedition tbody, .tarifExpedition th, .tarifExpedition td, .tarifExpedition tr { display:block }

    .tarifExpedition tr { margin-bottom:20px }

    .tarifExpedition td {
    position:relative;
    text-align:right;
    padding-left:50%
    }

    .tarifExpedition td:before {
    position:absolute;
    width:50%;
    content:attr(data-label);
    font-weight:bold;
    text-align:left;
    left:0;
    padding-left:10px
    }

	#entrepots_claus article,
	#entrepots_claus article:nth-child(2) {
	width:100%;
	max-width:100%;
	margin:0 0 30px 0 !important
	}

	#entrepots_claus article:nth-child(3) { margin:0 !important }

	#gruppe_claus img {
	width:100%;
	max-width:100%;
	margin:0 0 30px 0
	}

	#gruppe_claus div {
	width:100%;
	max-width:100%;
	text-align:center
	}

	.markenCatLeft {
	width:100%;
	margin:0
	}

	.markenCatRight { display:none }

	#marques_categories {
	contain-intrinsic-size:auto 1300px;
	display:block;
	position:relative
	}

	#marques_categories article {
	display:inline-block;
	position:relative;
	width:100%;
	margin:0 0 25px 0;
	padding:0
	}

	.content-wrapper {
	display:inline-block;
	position:relative;
	width:100%;
	margin:0;
	padding:0
	}

	#marques_categories article img {    
	display:inline-block;
	position:relative;
	width:25%;
	vertical-align:middle;
	margin:0 5% 0 0;
	padding:0
	}

	#marques_categories article h3 {
	display:inline-block;
	position:relative;
	width:70%;
	text-align:left;
	vertical-align:middle;
	margin:0;
	padding:0
	}

	#footerSlider .splide__arrow { display:none }

	#welcome_pointsClefs,
	#webshop_pointsClefs {
	display:flex !important;
	flex-wrap:wrap !important;
	justify-content:center !important;
	}

	#welcome_pointsClefs article,
	#webshop_pointsClefs article {
	flex:0 0 calc(50% - 20px) !important;
	width:calc(50% - 20px) !important;
	display:inline-block !important;
	text-align:center !important;
	margin:0 10px 20px !important;
	}

	#welcome_pointsClefs article p,
	#webshop_pointsClefs article p {
	width:100% !important;
	text-align:center !important;
	}

	#welcome_pointsClefs article:first-child,
	#welcome_pointsClefs article:last-child,
	#webshop_pointsClefs article:first-child,
	#webshop_pointsClefs article:last-child {
	margin:0 10px 20px !important;
	}

	.splide__slide aside {
	width:calc(100% - 40px);
	left:20px;
	right:20px;
	bottom:20px;
	padding:20px
	}
}

@media only screen and (max-width:720px) {
	#headerSlider, #headerSlider li {
	max-height:100svh;
	contain-intrinsic-size:auto 100svh;
	font-size:0;
	background-color:var(--subColorA)
	}

	#rightActualites img { display:none }

	.attributs_grid { gap:20px }

	.attributs_section article { padding:15px }

	.attributs_section article img {
	width:60px;
	height:60px;
	margin:0 12px 0 0
	}

	.attributs_section > p { padding:15px }

	.timeline-wrapper {
	max-width:100%;
	overflow-x:hidden;
	padding:1rem 0
	}

	.nav-scroll-btn { display:none }

	.timeline-nav {
	margin:0 0 3.5rem 0;
	padding:0.75rem;
	width:100%;
	box-sizing:border-box;
	position:relative
	}

	.timeline-nav::after {
	content:'';
	position:absolute;
	right:0.75rem;
	top:0.75rem;
	bottom:0.75rem;
	width:20px;
	background:linear-gradient(to left, rgba(255,255,255,0.9), transparent);
	pointer-events:none;
	z-index:1;
	border-radius:0 12px 12px 0
	}

	.timeline-nav-scroll {
	gap:0.5rem;
	padding:0.5rem 0;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	scrollbar-width:none;
	-ms-overflow-style:none
	}

	.timeline-nav-scroll::-webkit-scrollbar {
	display:none
	}

	.year-btn {
	min-width:60px;
	flex-shrink:0;
	padding:0.6rem 1rem
	}

	.timeline-line { display:none }

	.timeline-item {
	width:100%;
	margin-bottom:2rem
	}

	.timeline-item:nth-child(odd) .timeline-card,
	.timeline-item:nth-child(even) .timeline-card {
	width:100%;
	box-sizing:border-box;
	margin-left:0;
	margin-right:0
	}

	.timeline-card {
	position:relative;
	border-radius:2px;
	margin:0 1rem;
	padding:1.5rem 1rem
	}

	.timeline-card::before { display:none }

	.timeline-year-badge {
	position:static;
	display:inline-block;
	border-radius:2px;
	border:2px solid white;
	left:auto;
	top:auto;
	transform:none;
	margin-bottom:1rem;
	padding:0.4rem 1rem
	}

	.quick-nav {
	right:0.5rem;
	padding:0.75rem 0.5rem
	}

	.quick-nav-btn {
	width:40px;
	height:40px
	}

	.event-title { margin-bottom:1rem }

	.event-description { line-height:1.6 }

	.event-image {
	height:160px;
	margin-top:1rem
	}

	.content, .contentNoFlex { padding:0 }

	.contentNoFlex { padding:0 10px }

	.team_info > .caset > button { margin-bottom:5px }
}

@media only screen and (max-width:700px) {
	#headerSlider { min-height:-webkit-fill-available !important }

	#footer,
	.section { padding:35px 15px }

	#langSelect { display:none }

	#header {
	position:absolute !important;
	width:100%;
	left:0;
	top:0
	}

	#headerSticky { background-color:var(--mainColorA) }

	#actualites_liste2 article:nth-child(1) {
	width:100%;
	margin:0 0 40px 0;
	padding:0
	}

	#actualites_liste2 article:nth-child(2) {
	width:100%;
	margin:0;
	padding:0
	}

	#navMenuSticky,
	#recherche_sticky { display:none }

	#headerSticky .content { justify-content:center !important }

	#headerSticky #logoSticky {
	display:inline-block;
	width:80px;
	margin:0
	}

	#social,
	#navigation { display:none }

	#topHeader {
    display:flex;
	position:absolute;
	z-index:9999;
	width:100%;
	height:30px;
	top:0 !important;
	left:0 !important;
	padding:4px 6px
	}

	#topHeader .content { justify-content:center !important }

	.contact-info {
	align-items:center !important;
	gap:15px !important;
	}

	#topHeader .fsz12 { font-size:0.8rem }

	#intro,
	#headerIntern {
	position:absolute !important;
	z-index:9999 !important;
	width:100% !important;
	background:none !important;
	height:auto !important;
	top:30px !important;
	left:0 !important;
	margin:0 !important;
	padding:0 !important
	}

	#headerIntern .content { padding:0 }

	#intro .content {
	display:inline-block;
	padding:0
	}

	#socialSticky { display:none !important }

	#logo {
	display:inline-block !important;
	width:100% !important;
	background-color:rgba(255, 255, 255, 0.80) !important;
	text-align:center !important;
	margin:0 !important;
	padding:6px 12px !important
	}

	#logo img {
	width:auto !important;
	height:100px !important
	}

	#logoMobile {
	display:inline-block;
	position:relative;
	width:50%;
	height:100px;
	text-align:center;
	margin:36px 25% 0 25%;
	padding:0
	}

	#logoMobile img {
	width:auto;
	height:100px
	}

	#closeLat {
	position:absolute;
	display:inline-block;
	z-index:9999;
	width:auto;
	font-size:2rem;
	color:white;
	transform:translateY(-50%);
	background:none;
	border:none;
	outline:none;
	left:20px;
	margin:0;
	padding:0
	}

	#leftMenu {
	display:inline-block;
	position:relative;
	width:100%;
	z-index:9999;
	list-style:none;
	margin:20px 0 0 0;
	padding:0
	}

	#leftMenu > li {
	display:inline-block;
	position:relative;
	width:100%;
	margin:0;
	padding:0
	}

	#leftMenu > li:last-child { border-bottom:none }

	#leftMenu > li > a,
	#leftMenu > li > button {
	display:inline-block;
	position:relative;
	width:100%;
	font-size:1.1rem;
	text-transform:uppercase;
	color:white;
	text-decoration:none;
	background-color:var(--subColorA);
	border:none;
	outline:none;
	cursor:pointer;
	border-bottom:solid 2px white;
	margin:0;
	padding:10px
	}

	#leftMenu > li > a:hover,
	#leftMenu > li > a:active,
	#leftMenu > li > button:hover,
	#leftMenu > li > button:active {
	background-color:var(--subColorB);
	border:none;
	outline:none;
	cursor:pointer
	}

	.sub-menu {
	display:none;
	position:relative;
	width:100%;
	padding:0
	}

	.sub-menu > li {
	display:inline-block;
	position:relative;
	width:100%;
	margin:0;
	padding:0
	}

	.sub-menu > li > a,
	.sub-menu > li > button {
	display:inline-block;
	position:relative;
	width:100%;
	font-size:1.0rem;
	color:white;
	text-decoration:none;
	background-color:var(--mainColorB);
	border-bottom:solid 1px var(--mainColorA);
	border:none;
	outline:none;
	margin:0;
	padding:10px
	}

	.sub-menu > li > a:hover,
	.sub-menu > li > a:active,
	.sub-menu > li > button:hover,
	.sub-menu > li > button:active {
	background-color:var(--mainColorA);
	border:none;
	outline:none
	}

	.sub-menu > li:last-child > a,
	.sub-menu > li:last-child > button { border-bottom:none }

	#menuLat,
	#menuLatSticky,
	#openMobile,
	#openMobileSticky {
	position:absolute;
	display:inline-block;
	z-index:9999;
	width:auto;
	font-size:2rem;
	color:var(--mainColorA);
	transform:translateY(-50%);
	background:none;
	border:none;
	outline:none;
	top:50%;
	left:20px;
	margin:0;
	padding:0
	}

	#openMobileSticky { color:white }

	#menuLatSticky { color:white }

	#logoStickyWhite { display:inline-block !important }
	#logoStickyMain { display:none !important }

	#zoomLat, #searchMobile {
	position:absolute;
	display:inline-block;
	z-index:9999;
	width:auto;
	font-size:1.8rem;
	color:var(--mainColorA);
	transform:translateY(-50%);
	background:none;
	border:none;
	outline:none;
	top:50%;
	right:20px;
	margin:0;
	padding:0
	}

	#recherche_interne { display:none }

	#recherche_mob {
	display:none;
	position:absolute;
	z-index:9998;
	width:100%;
	margin:160px 0 0 0;
	padding:0 15px 0 0
	}

	#navLeft {
	display:none;
	position:fixed;
	z-index:9999;
	transition: all 0.3s ease;
	width:100vw;
	max-width:100vw;
	height:100vh;
	max-height:100vh;
	background-color:#12142C;
	color:white;
	-webkit-overflow-scrolling:touch;
	overflow:auto;
	text-align:center;
	background-color:var(--mainColorA);
	top:0;
	left:0;
	margin:0;
	padding:0
	}

	#slogan { display:none !important }

	#headerSlider { background-color:var(--mainColorA) }

	#slogan .fsz24 { font-size:1.8rem !important }

	#slogan p:nth-child(1),
	#slogan p:nth-child(2) {
	text-align:center;
	padding:0
	}

	#goTop,
	#goTop:hover {
	font-size:1.0rem;
	border-radius:10px;
	bottom:12px;
	right:12px;
	padding:6px 10px
	}

	#welcomeRight { display:none }

	#welcomeLeft {
	width:100%;
	max-width:100%;
	contain-intrinsic-size:auto 1300px;
	margin:0
	}

	#welcome_pointsClefs article i { font-size:3.0rem }

	#welcomeImgAlt {
	display:inline-block;
	position:relative;
	width:100%;
	margin:0 0 20px 0;
	padding:0
	}

	#welcomeImgAlt img {
	display:inline-block;
	position:relative;
	width:60%;
	height:auto;
	margin:0 20% 20px 20%
	}

	#webshopLeft {
	width:100%;
	margin:0
	}

	#webshopRight { display:none }

	#webshopImgAlt {
	display:inline-block;
	position:relative;
	width:100%;
	margin:0 0 20px 0;
	padding:0
	}

	#webshopImgAlt img {
	display:inline-block;
	position:relative;
	width:48%;
	height:auto;
	margin:0 4% 0 0
	}

	#webshopImgAlt img:nth-child(2) { margin:0 }

	#webshopRight img:last-child { margin:0 }

	#chiffresClef,
	.chiffresClef {
	height:auto;
	padding:25px 0
	}

	#chiffresClef_liste article,
	.chiffresClef_liste article {
	display:inline-block;
	position:relative;
	width:40%;
	margin:0 2% 40px 2%;
	padding:0
	}

	#chiffresClef_liste article:nth-child(3),
	#chiffresClef_liste article:nth-child(4),
	.chiffresClef_liste article:nth-child(3),
	.chiffresClef_liste article:nth-child(4) { margin-bottom:40px !important }

	#chiffresClef_liste article:nth-child(5),
	#chiffresClef_liste article:nth-child(6),
	.chiffresClef_liste article:nth-child(5),
	.chiffresClef_liste article:nth-child(6) { margin-bottom:0 !important }

	#webshop_pointsClefs article i { font-size:2.4rem }

	#carriere_liste p.left,
	#marques p.left,
	#webshop p.left { text-align:center !important }

	.carriere_content p:last-child a:not(:last-child) { margin:0 10px 0 0 }

	.carriere_content .titleElement,
	.carriere_content .caseti2 { margin-bottom:10px }

	.keywords {
	border-radius:10px;
	padding:4px 14px
	}

	#rightActualites article { margin:0 0 20px 0 }

	#rightActualites img {
	width:18%;
	margin:4px 4% 0 0
	}

	#rightActualites article > div { width:78% }

	#rightActualites article div > div { display:none }

	#rightActualites .fsz18 { font-size:0.90rem }

	#marques_liste article {
	flex:0 0 calc(33% - 20px);
	margin:0 10px 30px 10px;
	padding:25px 0 0 0
	}

	#footer > .content ul {
	height:auto !important;
	margin:0 !important
	}

	#footerSlider {	height:220px }

	#footerSlider li {
	font-size:1.0rem;
	line-height:30px
	}

	#footerSlider .splide__pagination { bottom:-25px !important }

	#footer > .content > div:nth-child(1) ul { margin-bottom:10px !important }

	#footer > .content > div:nth-child(1) .caset { margin-bottom:30px }

	#footerDiv1 {
	width:100%;
	margin:0 0 20px 0
	}
	
	#footerDiv2 {
	width:100%;
	margin:0
	}

	#footerDiv2 aside { display:none }

	#footerLegal {
	display:inline-block;
	position:relative;
	width:100%;
	margin:20px 0 0 0;
	padding:0
	}

	#footerLegal ul {
	display:inline-block;
	position:relative;
	width:100%;
	margin:0;
	padding:0
	}

	#footerLegal ul li {
	display:inline-block;
	position:relative;
	width:100%;
	margin:0 0 5px 0;
	padding:0
	}

	#footerLegal a,
	#footerLegal a:hover {
	font-size:0.75rem;
	color:white;
	text-decoration:none;
	letter-spacing:1px
	}

	#footerLegal a:hover { color:var(--subColorB) }

	.titleSection {
	font-size:1.4rem;
	margin:0 0 0.70rem 0
	}

	.subTitleSection {
	font-size:1.0rem;
	margin:0 0 0.70rem 0
	}

	.titleOffre {
	font-size:1.0rem;
	margin:0 0 1.2rem 0
	}

	.titleOffre i { font-size:0.8rem }

	.fsz14 { font-size:0.70rem }
	.fsz16 { font-size:0.8rem }
	.fsz18 { font-size:0.95rem }
	.fsz20 { font-size:1.1rem }
	.fsz22 { font-size:1.2rem }
	.fsz30 { font-size:1.5rem }

	#carriere_liste article {
	display:inline-block;
	width:100%
	}

	.carriere_img {
	width:100%;
	font-size:0;
	margin:0;
	padding:0
	}

	.carriere_img img {
	display:inline-block;
	position:relative;
	width:100%;
	margin:0;
	padding:0
	}

	.carriere_content {
	width:100%;
	margin:0
	}

	#standorte > div article {
	width:100%;
	margin:0 0 25px 0
	}

	#standorte > div article:nth-child(1) { margin:0 0 25px 0 }
	#standorte > div article:nth-child(2) { margin:0 0 25px 0 }
	#standorte > div article:nth-child(3) { margin:0 }

	#standorte > div article aside { height:auto }

	#standorte div .caseti2 { height:auto }

	#unternehmen > div > article { width:100% }

	#unternehmen > div > article:nth-child(1) { margin:0 0 25px 0 }
	#unternehmen > div > article:nth-child(2) { margin:0 0 25px 0 }
	#unternehmen > div > article:nth-child(3) { margin:0 0 25px 0 }
	#unternehmen > div > article:nth-child(4) { margin:0 }

	#unternehmen .caset { height:auto }

	#unternehmen > div > article div .caseti { height:auto }

	.listeDetailsProduit article,
	.listeDetailsProduit article:hover	{
	flex:0 0 calc(50% - 20px);
	margin:0 10px 30px 10px
	}

	#produits_infos { gap:0 }

	.produit_infos { width:100% }

	.produit_infos_bubble .fsz24 { font-size:1.4rem }

	#footer, #footer > .content, #footerDiv2 {
	display:block !important;
	flex:0 1 auto
	}

	#footerDiv2 > div {
	display:block !important;
	width:100%;
	flex:0 1 auto;
	margin:0 0 30px 0
	}

	#footerDiv2 > div:last-child { margin:0 }

	#footerLegal { margin:0 }

	#cookieConsentBanner span { font-size:14px }

	#acceptCookies { font-size:12px }

	#declineCookies { font-size:12px }

	#partenaires article { width:100% }

	#partenaires article:nth-child(odd),
	#partenaires article:nth-child(even) { margin:0 0 25px 0 }

    #bannerPage {
    background-position:right top !important;
    background-size:cover
    }

	#footer { contain-intrinsic-size:auto 900px }

	#welcome { contain-intrinsic-size:auto 1300px }

	#marques { contain-intrinsic-size:auto 1500px }

	#chiffresClef { contain-intrinsic-size:auto 500px }

	#webshop { contain-intrinsic-size:auto 650px }

	#carriere { contain-intrinsic-size:auto 425px }

	#actualites { contain-intrinsic-size:auto 1450px }

	#footer { contain-intrinsic-size:auto 900px }

	#newsGrid { padding:0 0.75rem }

	#newsGrid > div,
	#newsGridHome > div {
	display:grid !important;
	grid-template-columns:1fr !important;
	gap:1.25rem !important;
	max-width:100% !important
	}

	#newsGrid article,
	#newsGridHome article {
	max-width:500px;
	width:100% !important;
	margin:0 auto !important
	}

	.newsContent { padding:1.25rem }

	.newsMeta {
	flex-direction:column;
	gap:0.5rem;
	margin-bottom:0.75rem
	}

	.newsExcerpt {
	line-height:1.5;
	margin:0 0 1.25rem 0
	}

	.singleNewsHeader { padding-top:1.5rem }

	.singleNewsImage { margin-bottom:2rem }

	#relatedNewsGrid {
	grid-template-columns:1fr;
	max-width:500px;
	margin:0 auto
	}

	.relatedNews { padding:2.5rem 1rem }

	.singleNewsShare {
	flex-direction:column;
	gap:1rem;
	}

	.shareLabel { margin:0 0 0.5rem 0 }

	#lastNews article { padding:8px }

	#lastNews article > a {
	width:50px;
	height:50px;
	margin-right:8px
	}

	#lastNews article > div { max-width:calc(100% - 58px) }

	#lastNews article > div h3 {
	font-size:0.95rem;
	margin-bottom:3px
	}

	#lastNews article > div p { font-size:0.85rem }

	.pagination { margin:2rem 0 }

	.pagination a {
	width:2.25rem;
	height:2.25rem
	}

	.admin_h2,
	h2.blockSlide a,
	h2.blockSlide a:hover {
	font-size:1.40rem;
	margin:0 0 10px 0
	}

	.admin_h3,
	h3.blockSlide a,
	h3.blockSlide a:hover {
	font-size:1.20rem;
	margin:0 0 10px 0
	}

	.admin_h4,
	h4.blockSlide a,
	h4.blockSlide a:hover {
	font-size:1.00rem;
	margin:0 0 10px 0
	}

	.admin_quote {
	font-size:1.10rem;
	margin:0 0 25px 0 !important;
	padding:0 20px !important;
	}

	.admin_quote:before {
	font-size:3rem;
	line-height:1.5rem
	}

	.admin_quote:after {
	font-size:3rem;
	line-height:1.5rem
	}

	.admin_quote span {
	font-size:0.80rem;
	margin:0 0 0 15px
	}
}

@media only screen and (max-width:600px) {
	#marques_categories { contain-intrinsic-size:auto 950px }
}

@media only screen and (max-width:500px) {
	#marques_categories { contain-intrinsic-size:auto 800px }
}

@media only screen and (max-width:480px) {
	#newsGrid { padding:0 0.75rem }

	#newsGrid > div { gap:1rem }

	.newsContent { padding:1rem }

	.newsTitle {
	margin-bottom:0.75rem
	}

	.newsExcerpt {
	-webkit-line-clamp:3;
	margin-bottom:1rem
	}

	.pagination li:not(.active):not(:first-child):not(:last-child) { display:none }

	.pagination li.ellipsis { display:flex }

	.singleNewsContent { margin-bottom:2rem } 

	.shareButtons {	gap:0.75rem }

	.shareButton {
	width:2.25rem;
	height:2.25rem
	}

	#newsGrid,
	#newsGridHome {	padding:0 0.5rem }

	#newsGrid > div,
	#newsGridHome > div { gap:1rem }

	.newsContent { padding:1rem }

	.newsMeta {
	gap:0.5rem;
	flex-wrap:wrap
	}

	.newsExcerpt { margin:0 0 1rem 0 }

	.pagination { margin:2rem 0 1rem }

	.pagination a {
	width:2.25rem;
	height:2.25rem
	}

	#lastNews article {	padding:6px }

	#lastNews article > a {
	width:40px;
	height:40px;
	margin-right:8px
	}

	#lastNews article > div { max-width:calc(100% - 48px) }

	#lastNews article > div h3 { font-size:0.9rem }

	#lastNews article > div p { font-size:0.8rem }

	.splide__slide aside {
	width:calc(100% - 30px);
	border-radius:6px;
	left:15px;
	right:15px;
	bottom:25px;
	padding:16px
	}

	.attributs_grid { gap:15px }

	.attributs_section article { padding:12px }

	.attributs_section article img {
	width:50px;
	height:50px;
	margin:0 10px 0 0
	}

	.attributs_section > p { padding:12px }



	.categories-grid {
	display:grid;
	grid-template-columns:repeat(2, 1fr);
	gap:16px;
	margin:20px 0
	}

	.category-card { max-width:none }

	.category-image-container { aspect-ratio:4/3 }

	.category-title {
	font-size:clamp(0.82rem, 2.6vw, 0.95rem);
	line-height:1.3;
	hyphens:auto;
	word-break:break-word;
	margin:12px 6px
	}

	.category-card:last-child:nth-child(odd) {
	grid-column:1 / -1;
	justify-self:center;
	width:calc(50% - 8px)
	}

	.fsz30 { font-size:1.15rem }

	.timeline-card {
	margin:0 0.5rem;
	padding:1.25rem 0.75rem
	}

	.year-btn {
	padding:0.5rem 0.8rem;
	min-width:55px
	}

	.timeline-year-badge { padding:0.3rem 0.8rem }

	.event-image { height:140px }
}

@media (max-width: 360px) {
    .categories-grid {
	gap:15px;
	margin:15px 0
	}
}

@media only screen and (max-width:700px) {
	#inner_container > .content {
	padding:160px 15px 40px 15px !important
	}
}