/*
Script css
----------
Par Dominique DUGAST
*/
#loader {
	position: fixed;
	height: 200px;
	width: 200px;
	left: 50%;
	top: 50%; 
	margin-top: -100px;
	margin-left: -100px;
	cursor: wait;
    border: 1px solid #f3f3f3;
    border-top: 4px solid #ff0000;
    border-radius: 50%;
    animation: cf-loading 1s linear infinite;
}
#loadera {
	position: fixed;
	height: 200px;
	width: 200px;
	left: 50%;
	top: 50%; 
	margin-top: -100px;
	margin-left: -100px;
	cursor: wait;
    border: 1px solid #f3f3f3;
    border-top: 4px solid #ff0000;
    border-radius: 50%;
    animation: cf-loading 1s linear infinite;
}
#loaderimg {
	position: fixed;
	height: 200px;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -100px;
	cursor: wait;
}
#loaderimga {
	position: fixed;
	height: 200px;
	left: 50%;
	top: 50%;
	margin-top: -100px;
	margin-left: -100px;
	cursor: wait;
}
@keyframes cf-loading {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
#ifjs {
	display: none;
}
.qrcode {
	width: 75px;
	height: 75px;
}
.ttptit {
	font-size: 0.6em !important;
}
.remarque {
	display: none;
}
.page {
	width: 86%;
	left: 7%;
	right: 7%;
}
.commentaire {
	padding: 5px 5px 5px 5px;
	height: auto;
	width: auto;
	border: 1px solid;
	border-color: #337ab7;
	border-radius: 8px;
}
.commentaire p {
	max-width: 100%; 
    word-wrap: break-word;   /* ancienne syntaxe */
    overflow-wrap: break-word; /* moderne, recommandé */
    white-space: pre-wrap;   /* respecte les sauts de ligne mais coupe si nécessaire */
}
.com {
	display: flex;
	align-items: center; /* Centre verticalement les enfants (l'image et le texte) */
}
.avatar {
	height: 26px;
	width: auto;
}
/*.avatar {
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.1);
	background-color: #fff;
}*/

/*personalise les définitions*/
.definition {
  border-bottom: 1px dotted #999;
  cursor: help;
}

/*personalise les liens*/
/* Icône SVG pour liens externes */
a.external-link::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.25em;
  vertical-align: -0.2em;
  background: no-repeat center/contain url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 16 16'><path d='M10.5 3a.5.5 0 0 0 0 1h1.793L6.146 10.146a.5.5 0 1 0 .708.708L13 4.707V6.5a.5.5 0 0 0 1 0v-3a.5.5 0 0 0-.5-.5h-3z'/><path d='M13.5 10a.5.5 0 0 1 .5.5v2A1.5 1.5 0 0 1 12.5 14h-9A1.5 1.5 0 0 1 2 12.5v-9A1.5 1.5 0 0 1 3.5 2h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 0 3 3.5v9a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-2a.5.5 0 0 1 .5-.5z'/></svg>");
  opacity: 0.7;
}

/*surligné au stabilo fluo*/
.mark {
  background-color: #fff700;     /* jaune fluo intense */
  color: #000;
  padding: 0 0.2em;
  border-radius: 0.2em;
  box-shadow: 0 0 5px #fff700, 0 0 10px #fff700; /* effet lumineux */
}