@charset "utf-8";
.landingauto-banner {position: relative;margin: 0 auto;max-width:1440px;}
.landingauto-banner .landingauto-banner-image { width:100%; margin: 0 auto 4%;}
.landingauto-banner .landingauto-banner-image img{max-width:100%;object-fit: cover;}

.landingauto-texte {position: relative;margin: 100px auto 150px;text-align: center; max-width: 1440px;}
.landingauto-texte:last-child {position: relative;margin: 40px auto 150px;text-align: center;}
.landingauto-texte .landingauto-tag{display:block;font-size:12px; line-height:20px; color: #888;text-transform: uppercase;letter-spacing: 2px;margin-bottom:26px;}
.landingauto-texte .landingauto-titre{display:block;font-size:72px; line-height:74px; color: #444;font-weight: 800;margin-bottom:40px;}
.landingauto-texte .landingauto-titre-alt{display:block;font-size:48px; line-height:54px; color: #444;font-weight: 800; margin: 0 10% 40px;}
.landingauto-texte p{display:block;font-size:15px; color: #444;max-width:980px;margin: auto;letter-spacing: 0.3px;line-height: 30px;}
.landingauto-texte .annonce{display:block;font-size:24px; color: #444; font-weight: 800;max-width:980px;margin: auto;letter-spacing: 0.1px;line-height: 30px;}

.landingauto-texte .nav-ancre {max-width:1440px;height:auto;margin:0px auto 0 auto;padding:5px 0 5px;overflow:hidden;}
.landingauto-texte .nav-ancre .lien-raccourci{text-align:center;padding:8px 0 0 0px;width:auto;position:relative;}
.landingauto-texte .nav-ancre .lien-raccourci ul{list-style:none;margin:0 auto;padding:0 0 0 0;height:auto;width:auto;text-align:center;}
.landingauto-texte .nav-ancre .lien-raccourci ul li{margin:0 auto;padding:0;display: inline;position:relative;}
.landingauto-texte .nav-ancre .menu-raccourci{font-size:18px;color:#666;line-height:30px;width:auto;text-align:center;position:relative;margin:0 20px;text-decoration:none;border-bottom: 2px solid #FFF;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;}
.landingauto-texte .nav-ancre .menu-raccourci:hover{border-bottom: 2px solid #f15f2e;}
.landingauto-texte .nav-ancre .lien-raccourci ul li:not(:first-child):before {content: '';position: absolute;left: -4px;top: 3px; width: 6px;height: 6px;border-radius: 3px;background-color: #ddd;}
.landingauto-texte .active{border-bottom: 2px solid #f15f2e!important;color: #f15f2e!important;}
.landingauto-texte .active:hover{border-bottom: 2px solid #f15f2e!important;color: #f15f2e!important;}
.landingauto-texte .menu-bas{max-width:1440px;height:auto;margin:0px auto 0 auto;padding: 50px 0 80px; }
.landingauto-texte .highlight{background-color:#fffb00;color: #000; padding:6px 10px;}

.landingauto-categories {width: 100%;height:auto;background-color: #fbf7eb;}
.landingauto-categories .container {max-width:1440px;margin:0 auto;padding:3% 0 1%;overflow:hidden;}
.landingauto-categories .container .grille-cat {margin: 0 -30px;position: relative;}
.landingauto-categories .container .grille-cat article {float: left;box-sizing: border-box;width: 25%; position: relative;padding: 0 30px 50px; text-align: center;}
.landingauto-categories .container .grille-cat article a {display: flex;overflow: hidden;width: 100%;height: 100%;border-radius: 50%;text-align: center;text-decoration: none;}
.landingauto-categories .container .grille-cat article a img {display: block;width: 100%;height: 100%;transition: all 450ms ease-out;-moz-transition: all 450ms ease-out;-webkit-transition: all 450ms ease-out;-o-transition: all 450ms ease-out;}
.landingauto-categories .container .grille-cat article a:hover img {-ms-transform: scale(1.04);-webkit-transform: scale(1.04);transform: scale(1.04);}
.landingauto-categories .container .grille-cat article span.desc-cat {font-size: 18px;line-height: 22px;padding-top: 28px; height: 40px;letter-spacing: 0.03em;width: 100%;color: #444; display: block;}

#landingauto-listing {width:100%;margin: 0 auto;}
#landingauto-listing .landingauto-listing-bloc {height:auto;padding:0;margin:0 10%;}
#landingauto-listing .landingauto-listing-bloc-3 {max-width:994px; height:auto;padding:0;margin:auto;}
#landingauto-listing .landingauto-titrepart-listing {max-width:994px; height:auto;padding:3% 0;margin:auto;font-weight: 700; font-size:36px; line-height:42px;text-align: center; display: block;color: #444;}
#landingauto-listing .first{padding-top:0!important;}
#landingauto-listing span.landingauto-titrepart-listing:first-child {padding-top:0!important;}
#landingauto-listing .landingauto-listing-bloc:last-child {padding:0 0 3vw 0;}

.categories {display: block;margin: 0 auto 100px; text-align: center;}
.categories .pastilles-lien{padding: 16px 28px; border-radius: 30px; display: inline-block; border: 0;margin: 0 12px 16px 0;background-color: #f0f0f0;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out;}
.categories .pastilles-lien:last-child{margin: 0 0 16px 0;}
.categories .pastilles-lien:hover{background-color: #dedede; text-decoration: none;color: #333;border-bottom: none;}
.categories .pastilles{font-size: 20px;}

.emballage{width:100%;margin: 0 auto;padding: 50px 0; }
.emballage .titre-partie{font-weight: 900; font-size:46px; line-height: 46px; color:#444;display: block;max-width:994px;z-index:10;margin:auto;text-align: center; padding-bottom: 100px;}
.emballage .bloc{margin:0 10%; padding:0;display:block;position:relative;}
.emballage .productListing.thumbs .vignette img { border-radius: 20px;}

.landingauto-seo {max-width: 1440px; margin: 3% auto 5%;text-align: center;}
.landingauto-seo span{font-size: 13px;color:#888;line-height: 18px;}

.transition-img {transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out; -o-transition: all 250ms ease-out;-moz-opacity: 1; -webkit-opacity: 1; -o-opacity: 1; opacity: 1;}
.transition-img:hover {-moz-opacity: 0.85; -webkit-opacity: 0.85; -o-opacity: 0.85; opacity: 0.85;}

.adb-articles{ --gap: 4rem;display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--gap);max-width: 1120px;margin: 0 auto;padding: 0 0 8rem;}
.adb-article{display: block;}
.adb-article__link{display: block;text-decoration: none;color: inherit;outline: none;border-radius: 20px;}
.adb-article__media{margin: 0 0 1.25rem 0;position: relative;overflow: hidden;border-radius: 20px; box-shadow: 0 10px 24px rgba(0,0,0,.08);}
.adb-article__media::before{content:"";display:block;aspect-ratio: 4 / 3; width:100%;}
.adb-article__media img{position:absolute; inset:0;width:100%; height:100%;object-fit: cover; object-position: center;transition: transform .6s ease; }
.adb-article__meta{margin-bottom: .5rem;}
.adb-pill{display:inline-flex;align-items:center;gap:.5ch;font-size:.80rem;letter-spacing:.08em;text-transform: uppercase;font-weight: 600; color:#888;}
.adb-article__meta .blog{color: #ff95c1!important;}
.adb-article__meta .insta{color: #fb0060!important;}
.adb-article__title{font-weight: 700;line-height: 1.08;font-size: clamp(1.65rem, 2.4vw + .6rem, 2.4rem);margin: 0;letter-spacing: .003em;}
/* Hover/focus (zoom léger sur l’image comme sur les sites éditoriaux) */
@media (hover:hover){
  .adb-article__link:hover .adb-article__media img{
    transform: scale(1.04);
  }
}
.adb-article__link:focus-visible{outline: 3px solid #222;outline-offset: 6px;}
.adb-article__link:hover{text-decoration: none;}

#conseils {background-color:#fbe7ed;}

@media screen and (min-width: 1500px) {
	.sbloc {margin:0!important;}
}

@media screen and (max-width: 1500px) {
	.landingauto-texte {margin: 6% 2% 8%;}
	.landingauto-seo {margin: 3% 2% 5%;}
	.landingauto-categories .container .grille-cat {margin: 0;}
	#landingauto-listing .landingauto-listing-bloc {margin:0;}
	.emballage .bloc{margin:0;}
	.adb-articles{padding: 0 5% 8rem;--gap: 3rem;}
}

@media screen and (max-width: 1200px) {
	.landingauto-texte {margin: 10% 5% 12%;}
	.landingauto-seo {margin: 5% 5% 10%;}
}

@media screen and (max-width: 1024px) {
	.landingauto-banner .landingauto-banner-image img {}
	.landingauto-texte .landingauto-tag {margin-bottom: 14px;}
	.categories .pastilles{font-size: 16px;}
    .landingauto-categories .container {padding:80px 0 5%;}
    .landingauto-categories .container .grille-cat article {width: 50%;}
    .emballage .bloc {max-width:100%;padding:60px 0 0;}
    .emballage .titre-partie {font-size:36px; margin: 0 5%;}
    #landingauto-listing .landingauto-listing-bloc {padding:0 0 10vw 0;}
    #landingauto-listing .landingauto-listing-bloc:last-child {padding:0 0 15vw 0;}
    .adb-articles{ grid-template-columns: 1fr;padding: 0 5% 5rem;}
}

@media screen and (max-width: 768px) {
	.landingauto-texte {margin: 15% 5% 18%;}
	.landingauto-texte .landingauto-tag {margin-bottom: 10px;}
	.landingauto-texte p { font-size: 14px;letter-spacing: 0.2px;line-height: 24px;}
	.emballage .titre-partie {padding-bottom:10px;}
	.emballage {padding: 60px 0;margin: 50px auto 0;}
	.emballage .bloc {padding:40px 0 0;}
}

@media screen and (max-width: 640px) {
	.landingauto-texte {margin: 10% 5% 15%;}
	.landingauto-texte .landingauto-tag {margin-bottom: 4px;}
	.landingauto-banner .landingauto-banner-image img {height:100%; width:100%;}
	.landingauto-texte .landingauto-titre {font-size:52px; line-height:54px;}
	#landingauto-listing .landingauto-titrepart-listing {font-size:24px; line-height:28px;padding: 3% 5% 50px;}
	.adb-articles{padding: 0 5% 4rem;}
	.adb-article__title{font-size: 18px;}
}