@charset "utf-8";
.landingauto-banner {position: relative;margin: 0 auto;background-color: #000;}
.landingauto-banner .landingauto-banner-image { margin: 0 auto;display: flex;align-items: center;justify-content: center;background: url(https://media.larmoiredebebe.com/mkt/larmoiredebebe/landing/black-friday/header-bf-2025-desktop.jpg) center center no-repeat;background-size: contain;min-height: 600px;}
.landingauto-banner .landingauto-banner-image img{max-width:100%;object-fit: cover;}
.header__mobile-img {display: none;}

.landingauto-texte {position: relative;margin: 50px auto 50px;text-align: center; max-width: 1440px;}
.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: #000;}
.landingauto-categories .container {max-width:1800px;margin:0 auto;padding:3% 0 1%;overflow:hidden;}
.landingauto-categories .container .titre-cat{font-weight: 900; font-size:46px; line-height: 46px; color:#FFF;display: block;margin:auto;text-align: center; padding: 0 0 50px;}
.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: 20px;text-align: center;text-decoration: none;}
.landingauto-categories .container .grille-cat article a img {display: block;width: 100%;height: 100%;transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-webkit-transition: all 250ms ease-out;-o-transition: all 250ms 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 .desc-cat {font-size: 18px;font-weight: 600;line-height: 22px;padding-top: 28px; height: 40px;letter-spacing: 0.03em;width: 100%;color: #fff; display: block;}

#landingauto-listing {width:100%;margin: 0 auto;}
#landingauto-listing .landingauto-listing-bloc {height:auto;padding:0;margin:50px 10% 0;}
#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;}

.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;}

.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;}

@media screen and (max-width: 2200px) {
	#landingauto-listing .landingauto-listing-bloc {height:auto;padding:0;margin:50px 5% 0;}
	.landingauto-banner .landingauto-banner-image {background-size: cover;}
}

@media screen and (max-width: 1720px) {
	.landingauto-banner .landingauto-banner-image {min-height: 480px;}
}

@media screen and (max-width: 1500px) {
	.landingauto-texte {margin: 6% 2%;}
	.landingauto-seo {margin: 3% 2% 5%;}
	.landingauto-categories .container .grille-cat {margin: 0;}
	.landingauto-categories .container .grille-cat article {padding: 0 24px 50px;}
	#landingauto-listing .landingauto-listing-bloc {margin: 30px 0 0;}
}

@media screen and (max-width: 1200px) {
	.landingauto-texte {margin: 10% 5%;}
	.landingauto-seo {margin: 5% 5% 10%;}
	.landingauto-categories .container .grille-cat article {padding: 0 18px 50px;}
}

@media screen and (max-width: 1024px) {
	.landingauto-banner .landingauto-banner-image img {height:100%; width:100%;}
    .landingauto-categories .container {padding:80px 0 5%;}
    .landingauto-categories .container .grille-cat article {width: 50%;padding: 0 10px 50px;}
    .landingauto-categories .container .grille-cat article a {border-radius: 10px;}
    #landingauto-listing .landingauto-listing-bloc {padding:0 0 10vw 0;}
    #landingauto-listing .landingauto-listing-bloc:last-child {padding:0 0 15vw 0;}
    .landingauto-categories .container .titre-cat {font-size:36px;}
}

@media screen and (max-width: 768px) {
	.landingauto-texte {margin: 15% 5%;}
	.landingauto-texte .annonce{font-size:20px;line-height: 26px;}
	.categories {margin: 0 auto 20px;}
	.landingauto-categories .container .grille-cat article .desc-cat {font-size: 16px;line-height: 20px;padding-top: 14px; height: 40px;letter-spacing: 0.01em;}
	.header__mobile-img {display: block;max-width: 100%;}
	.landingauto-banner .landingauto-banner-image {padding-top:0;background: none;min-height: auto;}
}

@media screen and (max-width: 640px) {
	.landingauto-texte {margin: 10% 5%;}
	.landingauto-texte .annonce{font-size:18px;line-height: 24px;}
	.landingauto-categories .container {padding:60px 0 5%;}
	.landingauto-categories .container .titre-cat {font-size:32px;}
}