@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;}
.landingauto-banner .landingauto-banner-image img{max-width:100%;object-fit: cover;}

.landingauto-texte {position: relative;margin: 80px auto;text-align: center; max-width: 1440px;}
.landingauto-texte:last-child {position: relative;margin: 40px auto 150px;text-align: center;}
.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-categories {width: 100%;height:auto;}
.landingauto-categories .container {max-width:1800px;margin:0 auto;padding:0;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%;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);}

.categories {display: block;margin: 0 auto 100px; text-align: center;}
.categories .pastilles-lien{padding: 24px 38px; font-size:20px;font-weight: 800; border-radius: 40px; display: inline-block; border: 0;margin: 0 24px 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: 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;}
}

@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 .grille-cat article {width: 50%;padding: 0 10px 50px;}
  .categories .pastilles-lien{padding: 20px 34px; font-size:18px;}
}

@media screen and (max-width: 768px) {
	.landingauto-texte {margin: 15% 5%}
	.landingauto-texte p { font-size: 14px;letter-spacing: 0.2px;line-height: 24px;}
	.landingauto-texte .annonce{font-size:20px;line-height: 26px;}
	.categories {margin: 0 auto 20px;}
	.categories .pastilles-lien, .categories .pastilles-lien:last-child{font-size:16px;display: flex; margin: 0 auto 20px ; flex-direction: column; max-width: 320px;}
}

@media screen and (max-width: 640px) {
	.landingauto-texte {margin: 10% 5%}
	.landingauto-texte .annonce{font-size:18px;line-height: 24px;}
}