img#logo { height: 50px; width: auto; }
@media screen and (min-width: 992px) {
	img#logo { height: 70px; }
}
html { background-color: #000; }
html { background-color: var(--bs-dark); }

@media (max-width: 575px) {
	html {
		scrollbar-width: none;
	}
}

@media (min-width: 992px) {
	main {
		font-size: 1.125rem;
	}
}

::selection {
	color: white;
	background-color: var(--bs-primary);
	background-color: rgba(0, 131, 193, 1);
}

 @keyframes fondu {
	from {
		box-shadow: none;
	}
	to {
		box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
	}
}
nav.sticky-top {
	animation: fondu both linear;
	animation-timeline: scroll();
	animation-range: 10px 60px;
	animation-duration: 10s;
}

.nav-link {
	font-size: 1.25rem;
	font-weight: 500;
}

#copyright {
	font-size: 0.875rem;
	letter-spacing: 1px;
}

:root, [data-bs-theme=light] {
	--bs-info: #0083c1;
	--bs-info-rgb: 0, 131, 193;
}

.link-info:focus,
.link-info:hover {
	color: #0055AA;
	color: rgba(0, 85, 170, 1)!important;
}

.btn-info {
	--bs-btn-color: #FFF;
	--bs-btn-bg: #0083c1;
	--bs-btn-border-color: #0083c1;
	--bs-btn-hover-color: #FFF;
	--bs-btn-hover-bg: #0055AA;
	--bs-btn-hover-border-color: #0055AA;
	--bs-btn-focus-shadow-rgb: 0,85,170;
	--bs-btn-active-color: #FFF;
	--bs-btn-active-bg: #0055AA;
	--bs-btn-active-border-color: #0055AA;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #000;
}

.competences img.card-img-top {
	height: 48px;
}
@media screen and (min-width: 576px) { .competences img.card-img-top { height: 64px; } }
@media screen and (min-width: 992px) { .competences img.card-img-top { height: 96px; } }

@media screen and (max-width: 420px) {
	.competences .card .pt-4 { padding-top: 0.5rem !important; }
	.competences .card-body { padding: 0.25rem 0; }
}

.modal-backdrop.show {
	opacity:0.8;
}

.details {
	width: 800px;
	max-width: 95%;
	background: #fff;
	overflow: auto;
}
.details .nom {
	margin-top: 0.5rem;
	font-size: 1.5rem;
}
.details .type {
	margin-bottom: 0.5rem;
	font-weight: 300;
}
.details .description {
}
.details img {
	max-width: 240px;
	max-width: 100%;
	max-height: 25vh;
}
@media (min-width: 576px) {
	.details img {
		max-width: 360px;
		max-width: 100%;
		max-height: 30vh;
	}
	#popup-content { padding-bottom: 10%; }
}
@media (min-width: 768px) {
	.details img {
		max-width: 480px;
		max-width: 100%;
		max-height: 30vh;
	}
}
@media (min-width: 992px) {
	.details img {
		max-width: 360px;
		max-width: 100%;
		max-height: 30vh;
	}
	#popup-content {
		height: 100%;
		align-items: center;
		margin-top: 0;
		padding-bottom: 0;
	}
}
@media (min-width: 1200px) {
	.details img {
		max-width: 420px;
		max-width: 100%;
		max-height: 40vh;
	}
}
@media (min-width: 1400px) {
	.details img {
		max-width: 100%;
		max-height: 40vh;
	}
}


/* class="link-info link-offset-1 link-underline-dark link-underline-opacity-10 link-underline-opacity-100-hover" */

a.link-cibles,
.com-contact.contact .contact-mobile a,
.com-contact.contact .contact-emailto a {
	color:rgba(0, 131, 193, 1) !important;
	text-decoration-color:rgba(0, 0, 0, .1) !important;
	text-underline-offset:.125em !important;
}
a.link-cibles:hover,
.com-contact.contact .contact-mobile a:hover,
.com-contact.contact .contact-emailto a:hover {
	color:rgba(0, 85, 170, 1) !important;
	text-decoration-color:rgba(0, 85, 170, 1) !important;
}
.accueil a.link-cibles:not(:hover),
.prestations a.link-cibles:not(:hover) {
	text-decoration:none !important;
}

.link-info:hover { text-decoration-color:rgba(0, 85, 170, 1) !important; }
.link-info.link-underline-opacity-75-hover:hover { text-decoration-color:rgba(0, 85, 170, .75) !important; }
.link-info.link-underline-opacity-50-hover:hover { text-decoration-color:rgba(0, 85, 170, .5) !important; }
.link-info.link-underline-dark.link-underline-opacity-100-hover:hover { text-decoration-color:rgba(0, 85, 170, 1) !important; }