#regi{position:relative;z-index:10;margin:0 auto;max-width:700px;}
.voilemasqua{width:100%;height:100%;background:black;opacity:.9;position:fixed;top:0;left:0;z-index:3;}
.tadaa{display:block!important;float:right;}
#closer{display:none;color:#fff;font-weight:bold;margin-right:9px;cursor:pointer;}
#closer a:hover{color:orange;}

#logomarque{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:6px;
	position:relative;
	margin:18px auto 0;
}

#logomarque a{
	width:clamp(72px,14vw,92px);
	height:clamp(62px,12vw,78px);
	display:block;
	list-style-type:none;
	border:0;
	border-radius:14px;
	box-shadow:0 8px 20px rgba(0,0,0,.14);
	opacity:.92;
	transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:68% auto !important;
	background-color:white;
}

#logomarque a:hover,
#logomarque a:focus{
	opacity:1;
	transform:translateY(-2px);
	box-shadow:0 12px 24px rgba(0,0,0,.18);
	outline:none;
}

#logomarque a:focus-visible{
	box-shadow:0 0 0 3px rgba(255,204,0,.65), 0 12px 24px rgba(0,0,0,.18);
}

#logomarque a h3{
	margin:68px auto 0;
	width:100%;
	text-align:center;
	font-size:12px;
}

h3.punchline{
	background:yellow none repeat scroll 0 0;
	font-size:150%;
	font-weight:normal;
	letter-spacing:-.02em;
	line-height:110%;
	margin:.7em 0 .2em;
	padding:10px;
	text-align:center;
	color:#000;
}

/* =========================
   H1 filtre
========================= */

body.datafilter h1{
	position:relative;
	padding-right:90px;
	background-color:#1e73be;
}

body.datafilter h1::after{
	content:"";
	position:absolute;
	top:50%;
	right:8px;
	transform:translateY(-50%);
	width:64px;
	height:64px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:56px auto;
	border-radius:8px;
}

@media (max-width:767px){
	body.datafilter h1{
		padding-right:64px;
	}

	body.datafilter h1::after{
		width:46px;
		height:46px;
		right:6px;
		background-size:40px auto;
		border-radius:6px;
	}
}

/* =========================
   Liens insidefilter
========================= */

div.insidefilter a{
	display:inline-block;
	position:relative;
	padding:8px 12px 8px 44px!important;
	margin:4px 4px 4px 0;
	min-height:32px;
	line-height:16px;
	border-radius:8px;
	text-decoration:none;
	color:inherit;
	background:#fff;
}

div.insidefilter a::before{
	content:"";
	position:absolute;
	left:8px;
	top:50%;
	transform:translateY(-50%);
	width:28px;
	height:28px;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size:contain;
}

/* =========================
   Fonds sombres
========================= */

#logomarque .mercedes-benz,
#logomarque .ds,
#logomarque .jaguar,
#logomarque .aiways,
#logomarque .lynkco,
#logomarque .lynk-co{
	background-color:#000;
}

div.insidefilter a.mercedes,
div.insidefilter a.amg,
div.insidefilter a.maybach,
div.insidefilter a.ds,
div.insidefilter a.jaguar,
div.insidefilter a.aiways,
div.insidefilter a.lynk-co{
	background:#000;
	color:#fff;
}

body.datafilter-mercedes h1::after,
body.datafilter-amg h1::after,
body.datafilter-maybach h1::after,
body.datafilter-ds h1::after,
body.datafilter-jaguar h1::after,
body.datafilter-aiways h1::after,
body.datafilter-lynk-co h1::after{
	background-color:#000;
}

/* =========================
   Images mutualisées : logo grid + insidefilter + h1
========================= */

#logomarque .audi,
div.insidefilter a.audi::before,
body.datafilter-audi h1::after{background-image:url(https://essayer-voiture.fr/layout/audi.png);}

#logomarque .bmw,
div.insidefilter a.bmw::before,
body.datafilter-bmw h1::after{background-image:url(https://essayer-voiture.fr/layout/bmw.png);}

#logomarque .mercedes-benz,
div.insidefilter a.mercedes::before,
div.insidefilter a.amg::before,
div.insidefilter a.maybach::before,
body.datafilter-mercedes h1::after,
body.datafilter-amg h1::after,
body.datafilter-maybach h1::after{background-image:url(https://essayer-voiture.fr/layout/mercedes.png);}

#logomarque .renault,
div.insidefilter a.renault::before,
body.datafilter-renault h1::after{background-image:url(https://essayer-voiture.fr/layout/renault.png);}

#logomarque .peugeot,
div.insidefilter a.peugeot::before,
body.datafilter-peugeot h1::after{background-image:url(https://essayer-voiture.fr/layout/peugeot.png);}

#logomarque .citroen,
div.insidefilter a.citroen::before,
body.datafilter-citroen h1::after{background-image:url(https://essayer-voiture.fr/layout/citroen.png);}

#logomarque .toyota,
div.insidefilter a.toyota::before,
body.datafilter-toyota h1::after{background-image:url(https://essayer-voiture.fr/layout/toyota.png);}

#logomarque .nissan,
div.insidefilter a.nissan::before,
body.datafilter-nissan h1::after{background-image:url(https://essayer-voiture.fr/layout/nissan.png);}

#logomarque .fiat,
div.insidefilter a.fiat::before,
body.datafilter-fiat h1::after{background-image:url(https://essayer-voiture.fr/layout/fiat.png);}

#logomarque .ds,
div.insidefilter a.ds::before,
body.datafilter-ds h1::after{background-image:url(https://essayer-voiture.fr/layout/ds.png);}

#logomarque .opel,
div.insidefilter a.opel::before,
body.datafilter-opel h1::after{background-image:url(https://essayer-voiture.fr/layout/opel.png);}

#logomarque .ford,
div.insidefilter a.ford::before,
body.datafilter-ford h1::after{background-image:url(https://essayer-voiture.fr/layout/ford.png);}

#logomarque .mazda,
div.insidefilter a.mazda::before,
body.datafilter-mazda h1::after{background-image:url(https://essayer-voiture.fr/layout/mazda.png);}

#logomarque .suzuki,
div.insidefilter a.suzuki::before,
body.datafilter-suzuki h1::after{background-image:url(https://essayer-voiture.fr/layout/suzuki.png);}

#logomarque .hyundai,
div.insidefilter a.hyundai::before,
body.datafilter-hyundai h1::after{background-image:url(https://essayer-voiture.fr/layout/hyundai.png);}

#logomarque .volkswagen,
div.insidefilter a.volkswagen::before,
body.datafilter-volkswagen h1::after{background-image:url(https://essayer-voiture.fr/layout/vw.png);}

#logomarque .volvo,
div.insidefilter a.volvo::before,
body.datafilter-volvo h1::after{background-image:url(https://essayer-voiture.fr/layout/volvo.png);}

#logomarque .porsche,
div.insidefilter a.porsche::before,
body.datafilter-porsche h1::after{background-image:url(https://essayer-voiture.fr/layout/porsche.png);}

#logomarque .alfa-romeo,
div.insidefilter a.alfa-romeo::before,
body.datafilter-alfa-romeo h1::after{background-image:url(https://essayer-voiture.fr/layout/alfaromeo.png);}

#logomarque .mini,
div.insidefilter a.mini::before,
body.datafilter-mini h1::after{background-image:url(https://essayer-voiture.fr/layout/mini.png);}

#logomarque .tesla,
div.insidefilter a.tesla::before,
body.datafilter-tesla h1::after{background-image:url(https://essayer-voiture.fr/layout/tesla.png);}

#logomarque .seat,
div.insidefilter a.seat::before,
body.datafilter-seat h1::after{background-image:url(https://essayer-voiture.fr/layout/seat.png);}

#logomarque .skoda,
div.insidefilter a.skoda::before,
body.datafilter-skoda h1::after{background-image:url(https://essayer-voiture.fr/layout/skoda.png);}

#logomarque .kia,
div.insidefilter a.kia::before,
body.datafilter-kia h1::after{background-image:url(https://essayer-voiture.fr/layout/kia.png);}

#logomarque .land-rover,
div.insidefilter a.land-rover::before,
body.datafilter-land-rover h1::after{background-image:url(https://essayer-voiture.fr/layout/landrover.png);}

#logomarque .lexus,
div.insidefilter a.lexus::before,
body.datafilter-lexus h1::after{background-image:url(https://essayer-voiture.fr/layout/lexus.png);}

#logomarque .smart,
div.insidefilter a.smart::before,
body.datafilter-smart h1::after{background-image:url(https://essayer-voiture.fr/layout/smart.png);}

#logomarque .infiniti,
div.insidefilter a.infiniti::before,
body.datafilter-infiniti h1::after{background-image:url(https://essayer-voiture.fr/layout/infinity.png);}

#logomarque .jeep,
div.insidefilter a.jeep::before,
body.datafilter-jeep h1::after{background-image:url(https://essayer-voiture.fr/layout/jeep.png);}

#logomarque .jaguar,
div.insidefilter a.jaguar::before,
body.datafilter-jaguar h1::after{background-image:url(https://essayer-voiture.fr/layout/jaguar.png);}

#logomarque .cupra,
div.insidefilter a.cupra::before,
body.datafilter-cupra h1::after{background-image:url(https://essayer-voiture.fr/layout/cupra.png);}

#logomarque .dacia,
div.insidefilter a.dacia::before,
body.datafilter-dacia h1::after{background-image:url(https://essayer-voiture.fr/layout/dacia.png);}

#logomarque .mitsubishi,
div.insidefilter a.mitsubishi::before,
body.datafilter-mitsubishi h1::after{background-image:url(https://essayer-voiture.fr/layout/mitsubishi.png);}

#logomarque .chevrolet,
div.insidefilter a.chevrolet::before,
body.datafilter-chevrolet h1::after{background-image:url(https://essayer-voiture.fr/layout/chevrolet.png);}

#logomarque .honda,
div.insidefilter a.honda::before,
body.datafilter-honda h1::after{background-image:url(https://essayer-voiture.fr/layout/honda.png);}

#logomarque .byd,
div.insidefilter a.byd::before,
body.datafilter-byd h1::after{background-image:url(https://essayer-voiture.fr/layout/byd.png);}

#logomarque .aiways,
div.insidefilter a.aiways::before,
body.datafilter-aiways h1::after{background-image:url(https://essayer-voiture.fr/layout/aiways.png);}

#logomarque .lynkco,
#logomarque .lynk-co,
div.insidefilter a.lynk-co::before,
body.datafilter-lynk-co h1::after{background-image:url(https://essayer-voiture.fr/layout/lynkco.png);}

#logomarque .mg,
div.insidefilter a.mg::before,
body.datafilter-mg h1::after{background-image:url(https://essayer-voiture.fr/layout/mg.png);}

#logomarque .abarth,
div.insidefilter a.abarth::before,
body.datafilter-abarth h1::after{background-image:url(https://essayer-voiture.fr/layout/abarth.png);}

#logomarque .alpine,
div.insidefilter a.alpine::before,
body.datafilter-alpine h1::after{background-image:url(https://essayer-voiture.fr/layout/alpine.png);}

#logomarque .leapmotor,
div.insidefilter a.leapmotor::before,
body.datafilter-leapmotor h1::after{background-image:url(https://essayer-voiture.fr/layout/leapmotor.png);}

#logomarque .xpeng,
div.insidefilter a.xpeng::before,
body.datafilter-xpeng h1::after{background-image:url(https://essayer-voiture.fr/layout/xpeng.png);}