body		{ background-color: rgba(255,255,255, 1); font-size: 1rem; }
nav			{ background-color: rgba(233,236,239, 1); padding: 1rem; }
.navbar		{ margin-bottom: 1.5rem; }
footer		{ margin: 1rem; text-align: center; }

a[href^='mailto']::before	{ content: '📧 '; }
a[href^='tel']::before		{ content: '📞 '; }

.container > div			{ background-color: rgba(233,236,239, 1); padding: 1rem; }
#navbar .nav-link.active	{ text-decoration: underline; text-underline-offset: .375rem !important; }
#navbar .nav-link			{ font-size: .95rem; margin: 0 .25rem; }
#navbar .abc				{ height: 20px; filter: grayscale(100%) contrast(150%); }
#map						{ height: 500px; }
#whoisIP pre				{
	font-size: .85rem;
	margin-bottom: 0;
	height: 500px;
	padding: 1rem;
	text-align: left;
}

.fi							{ border-radius: .25rem; }
.chargement					{ text-align: center; }
.chargement img				{ display: block; margin: 0 auto; max-width: 100%; height: 75px; }

.description {
	background-color: rgba(207,226,255, 1);
	border: 1px solid rgba(158,197,254, 1);
	border-radius: .5rem;
	box-shadow: .25rem .25rem .35rem 0px rgba(0,0,0, .1);
	color: #052c65;
	padding: .5rem 1rem;
}

li							{ word-wrap: break-word; }
h1 a						{ background-color: rgba(233,236,239, 1); color: rgba(0,0,0, 1); text-underline-offset: .375rem !important; }
h2 a						{ text-underline-offset: .375rem !important; }
.curseur					{ cursor: pointer; }

.navbar-brand {
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background: linear-gradient(to right, #9849ff, #ff5100);
	background-clip: text;
	color: transparent;
}

.ancre {
	color: rgba(0,0,0, 1);
	position: relative;
	text-decoration: none;
}

.ancre:hover {
	text-underline-offset: .375rem !important;
}

.ancre::after {
	content: '';
	position: absolute;
	width: 100%;
	height: .20rem;
	background-color: currentColor;
	bottom: -.35rem;
	left: 0;
	transform: scaleX(0);
	transition: transform 0.3s ease;
	text-underline-offset: .375rem !important;
}

.ancre:hover::after			{ transform: scaleX(1); }
.active > .page-link,
.page-link.active			{ background-color: rgba(233,236,239, 1); border-color: rgba(255,255,255, 1); color: rgba(0,0,0, 1); }
.page-link					{ color: inherit; }
.page-link:hover			{ color: inherit; }
.page-link:focus			{ background-color: transparent; box-shadow: none; color: inherit; }
.btn:focus-visible			{ box-shadow: none; }
.btn-dark:focus				{ font-size: .95rem; opacity: .75; }
.btn-xkcd 					{ width: 110px; }
.badge:hover				{ opacity: .75; }
mark:hover					{ opacity: .75; }
.liens-dom:hover			{ opacity: .75; }
.svg-inline--fa				{ margin-right: .25rem !important; }

.input-group-thisip {
	--bs-bg-opacity: 1;
	border-radius: var(--bs-border-radius) !important;
	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
	border: var(--bs-border-width) var(--bs-border-style) var(--bs-black) !important;
	padding: .5rem !important;
}

.input-group-thisip > .input-group-text	{ padding: .375rem !important; }
.input-group-thisip > .form-control-lg	{ padding: .375rem !important; }
.input-group-thisip .input-group-text	{ background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; border: none; }
.input-group-thisip input				{ border-color: transparent !important; border: none !important; box-shadow: none !important; }
.input-group-thisip input:focus			{ border-color: transparent !important; border: none !important; box-shadow: none !important; }
.input-group-thisip input:active		{ border-color: transparent !important; border: none !important; box-shadow: none !important; }
.input-group-thisip label,
.input-group-thisip button				{ border-radius: var(--bs-border-radius) !important; font-weight: bold; opacity: .75; }

/* Whois */

.whois-description::before	{ content: "-"; margin-right: .5rem; }
.whois-description			{ color: rgba(33,37,41, .75) !important; margin-bottom: 3rem !important; text-align: center !important; }
.whois-description::after	{ content: "-"; margin-left: .5rem; }

#digAnalyse div								{ text-align: center; }
#digAnalyse div.row.border.rounded-top.mb-1	{ background-color: rgba(236,236,236, 1) !important; }
#pills-tab .nav-link-da,
#pills-tab .nav-link-da:focus				{ color: rgba(25,135,84, 1); }
#pills-tab .nav-link-da:hover				{ border-color: rgba(25,135,84, 1) !important; color: rgba(255,255,255, 1) !important; }
.whoisUserAgent, .refererPerso				{ border: none; font-size: 0.85rem; }
.lignes-analyse:nth-of-type(2n+1)			{ background-color: rgba(255,255,255, .5) !important; }
.lignes-analyse:nth-of-type(2n+1):hover		{ background-color: rgba(255,255,255, 1) !important; }

.lien-da {
	display: inline-block;
	max-width: calc(100% - 1rem);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.lien-da > a {
	background-clip: padding-box;
	background-color: rgba(128,185,161, 1);
	border-left: .5rem solid rgba(25,135,84, 1);
	color: rgba(255,255,255, 1);
	display: inline-block;
	padding: .25rem 1rem .25rem .5rem;
	text-decoration: none;
}

.lien-da > a:hover {
	opacity: .8;
}

/* DNS */

#dns ol > li,
#dns ul > li				{ margin-bottom: .4rem; }
#dns ol > li:last-child,
#dns ul > li:last-child		{ margin-bottom: 0; }

/* User Agent */

.div-col-exif {
	background-color: rgba(25,135,84, .5) !important;
	border-color: rgba(25,135,84, 1) !important;
	border-left: .25rem solid rgba(25,135,84, 1) !important;
	border-right: .25rem solid rgba(25,135,84, 1) !important;
	color: rgba(255,255,255, 1) !important;
	text-decoration: none !important;
	padding: .5rem !important;
	text-align: center !important;
}

/* EXIF */

#app						{ margin-bottom: 3rem; overflow: hidden; }
#app canvas					{ display: none; }
#app .form-control:focus	{ box-shadow: 0 0 0; }
#output a					{ padding: 1rem 1.5rem; }

/* Changements */

.timeline								{ position: relative; }
.timeline-block:first-child				{ margin-top: 0; }
.timeline-block							{ position: relative; }
.timeline-block::after					{ clear: both; content: ""; display: table; }
.timeline-one-side .timeline-step,
.timeline-one-side::before				{ left: 1rem; }
.timeline-one-side .timeline-content	{ width: auto; }
.timeline-content						{ margin-left: 4rem; padding-top: .4rem; position: relative; top: -4px; }
.timeline-step {
	align-items: center;
	background: rgba(255,255,255, 1);
	border-radius: 50%;
	display: inline-flex;
	height: 26px;
	justify-content: center;
	position: absolute;
	transform: translateX(-50%);
	width: 26px;
	z-index: 1;
}

.timeline::before {
	border-right: 1px dashed rgba(0,0,0, 1);
	content: "";
	height: 100%;
	left: .97rem;
	position: absolute;
	top: 0;
}

.tooltip {
	--bs-tooltip-max-width: 350px;
	--bs-tooltip-border-color: rgba(0,0,0, 1);
	--bs-tooltip-padding-x: .5rem;
	--bs-tooltip-padding-y: .5rem;
	--bs-arrow-color: rgba(255,255,255, 1);
	--bs-tooltip-border-radius: .5rem;
	--bs-tooltip-bg: rgba(255,255,255, 1);
	--bs-tooltip-color: rgba(0,0,0, 1);
}

@media (min-width: 1200px) { }

@media (min-width: 992px) { }

@media (min-width: 768px) {
	.lien-da {
		white-space: wrap;
	}
}

@media (min-width: 576px) {
	#whoisIP pre {
		height: 650px;
		padding: 1.5rem;
	}

	#map {
		height: 650px;
	}

	#dns .btn:focus-visible {
		box-shadow: none;
	}

	.whoisUserAgent, .refererPerso {
		border: 1px solid rgba(0,0,0, 1);
	}

	.btn-xkcd {
		width: 140px;
	}

	.input-group-thisip > .input-group-text	{ padding: .5rem !important; }
	.input-group-thisip > .form-control-lg	{ padding: .5rem 1rem !important; }
}

@media (min-width: 428px) { }