html { scroll-behavior:smooth; scroll-padding-top: 70px; scrollbar-width:thin; }
	
a		{ text-decoration:none; color:RoyalBlue; border-radius:5px; }
a:hover	{ background-color:PowderBlue; }

.themeBar					{ padding:2px; white-space:nowrap; overflow:auto; scrollbar-width:none; }
.themeBar::-webkit-scrollbar{ display:none; }

.AmeSmallP p { margin:3px 0px; }

button 			{ background-color:white; border:none; }
.button			{ padding:4px 8px; cursor:pointer; text-align:center; white-space:nowrap; }
.button:hover	{ background-color:Gainsboro; }

.clickableCard:hover a:first-child { background-color:PowderBlue; animation:animglow 0.2s 20 alternate; }

.tag{ background-color:white; padding:3px 5px; border-radius:10px; border:1px solid grey; }

::backdrop { background-color: rgba(0,0,0,0.4); backdrop-filter:blur(3px); }
address { font-style:normal; }

.dkAlinea{ border-radius:50%; width:20px; height:20px; padding:1px; border:1px solid black; text-align:center; font:bold 14px Arial; }
.frag									{ border:1px solid transparent; }
.frag:hover, .frag:has(>details:open)	{ border:1px solid #3f51b5; }
.frag:not(:hover) .dkAlinea				{ visibility:hidden; }

details > summary { list-style:none; }
.dk_details > summary::before		{ content:"➕"; margin-right:8px; }
.dk_details[open] > summary::before	{ content:"➖"; margin-right:8px; }

.dropdown							{ position:relative; }
.dropdown-content					{ display: none; position:absolute; z-index:1; }
.dropdown:hover .dropdown-content	{ display: block; }

div:target{ animation:animglow 0.2s 20 alternate; }
@keyframes animglow{ from { filter:drop-shadow(1px 1px 5px grey); } to { filter:drop-shadow(1px 1px 10px red); } }

div:has(.dynamicEmoji):hover 	.dynamicEmoji{ animation:ring 3s ease-in-out; transform-origin:50% 10%; }
@keyframes ring{
	0% { transform:rotate(0); }
	5% { transform:rotate(34deg); }
	7% { transform:rotate(-32deg); }
	9% { transform:rotate(30deg); }
	11% { transform:rotate(-28deg); }
	13% { transform:rotate(26deg); }
	15% { transform:rotate(-24deg); }
	17% { transform:rotate(22deg); }
	19% { transform:rotate(-20deg); }
	21% { transform:rotate(18deg); }
	23% { transform:rotate(-16deg); }
	25% { transform:rotate(14deg); }
	27% { transform:rotate(-12deg); }
	29% { transform:rotate(10deg); }
	31% { transform:rotate(-8deg); }
	33% { transform:rotate(6deg); }
	35% { transform:rotate(-4deg); }
	37% { transform:rotate(2deg); }
	39% { transform:rotate(-1deg); }
	41% { transform:rotate(1deg); }
	43% { transform:rotate(0); }
	100% { transform:rotate(0); }
}

.fadeInandOut { position:fixed; bottom:25px; right:10px; transform:rotate(-50deg); cursor:pointer; opacity:0; visibility:hidden; transition: opacity 1s, visibility 1s; }

.avisPour,.avisContre			{ cursor:pointer; color:transparent; text-shadow:0 0 0 Gray; }
.avisPour:hover 				{ text-shadow:0 0 0 Green; background-color:LightGray; }
.avisContre:hover 				{ text-shadow:0 0 0 Red; background-color:LightGray; }
.avisPour:has(input:checked)	{ text-shadow:0 0 0 Green; font-weight:bold; }
.avisContre:has(input:checked)	{ text-shadow:0 0 0 Red; font-weight:bold; }