/***************************************************/
/* OVERRIDE BOOTSTRAP                              */
/***************************************************/
.border-secondary {
	border-color: var(--bs-secondary)!important;
}
.nav-tabs {
	border-bottom: 1px solid var(--bs-secondary);
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: #e9ecef #e9ecef var(--bs-secondary);
	background: var(--bs-light);
}
.nav-tabs .nav-link {
	border-color: #e9ecef #e9ecef var(--bs-secondary);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	border-color: var(--bs-secondary) var(--bs-secondary) white
}
.overflow-clip {
	overflow: clip!important;
}
.btn-menu {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQgMTAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHJlY3Qgd2lkdGg9IjE0IiBoZWlnaHQ9IjIiIHJ4PSIxIiBmaWxsPSJibGFjayIvPjxyZWN0IHk9IjgiIHdpZHRoPSIxNCIgaGVpZ2h0PSIyIiByeD0iMSIgZmlsbD0iYmxhY2siLz48cmVjdCB5PSI0IiB3aWR0aD0iMTQiIGhlaWdodD0iMiIgcng9IjEiIGZpbGw9ImJsYWNrIi8+PC9zdmc+Cg==) center/1em auto no-repeat;
    border: 0;
    border-radius: 0.25rem;
    opacity: .5;
}
/***************************************************/
/* OVERRIDE HIGHLIGHT                              */
/***************************************************/
pre code.hljs {
	background: transparent!important;
	padding: 0
}
/***************************************************/
/* GENERAL                                         */
/***************************************************/
body{
	font-family: sans-serif;
	font-weight: 300;
}
h1{
	font-size: 1.8rem;
	color: var(--bs-primary);
	border-bottom: var(--bs-secondary) 1px solid;
}
h2{
	color: var(--bs-secondary);
	font-size: 1.6rem;
}
h3{
	font-size: 1.4rem;
}
h4{
	font-size: 1.2rem;
}
b {
	font-weight: bold;
}
@media (min-width: 768px) {
	p{
		margin-left: 20px;
	}
}
pre{
	font-size: 0.8em;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: var(--bs-gray-300);
	border: #000000 1px solid;
	padding: 10px;
}
/***************************************************/
/* SPECIFIC                                        */
/***************************************************/
a.menu:hover {
	background: var(--bs-secondary)!important;
	color: white!important;
}
ul.none{
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
ul.list1{
	list-style: none;
}
ul.list1 li{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 20px;
	padding-top: 0px;
}
ul.list1 li::before{
	content: "\2023";
	color: var(--bs-gray-300);
	display: inline-block;
	margin-left: -1.2em;
	width: 1em;
}
ul.nospace li {
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
ul.somespace li {
	margin-bottom: 1em;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
ul.fs{
	margin-left: 0px;
	padding-left: 10px;
}
li.dir {
	list-style-image: none;
	list-style-type: none;
	background-image: url(img/puce-folder.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
li.file {
	list-style-image: none;
	list-style-type: none;
	background-image: url(img/puce-file.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
img{
	margin-top: 10px;
	margin-bottom: 0px;
}
a{
	text-decoration: none;
	font-size: 16px;
	color: #0000AA;
}
a:hover{
	text-decoration: underline;
}
cite{
	text-indent: 20px;
	font-size: 16px;
	margin-bottom: 20px;
	background-color: #FEFEE2;
	border: #000000 1px dashed;
	padding: 10px;
	display: block;
}
dl {
	font-size: 16px;
}
span.lred {
	color: #ff0000;
	font-size: 10px;
}
table tr.green {
	background-color: #AFFFAF;
}
table tr.cyan {
	background-color: #AFFFFF;
}
table tr.bsep {
	border-bottom: #000000 2px solid;
}
table tr td.white {
	background-color: #FFFFFF;
}
table tr th.yellow {
	background-color: #FFFFAF;
}
table tr td.yellow {
	background-color: #FFFFAF;
}
table tr td.num {
	text-align: right;
	font-family: "Courier New", Courier, monospace;
}
table tr td.nol {
	border-left: 0px;
}
table tr td.nor {
	border-right: 0px;
}
a.pdf{
	margin-top: 2px;
	margin-bottom: 2px;
	text-decoration: none;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-image: url(img/icon-pdf.svg);
	background-position: 0 center;
	background-size: contain;
}
a.pdf:hover{
	text-decoration: underline;
}
a.tar{
	margin-top: 2px;
	margin-bottom: 2px;
	text-decoration: none;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-image: url(img/icon-tar.svg);
	background-position: 0 center;
	background-size: contain;
}
a.tar:hover{
	text-decoration: underline;
}
a.dir{
	margin-top: 2px;
	margin-bottom: 2px;
	text-decoration: none;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url(img/icon-dir.svg);
	background-position: 0 center;
	background-size: contain;
}
a.dir:hover{
	text-decoration: underline;
}
a.txt{
	margin-top: 2px;
	margin-bottom: 2px;
	text-decoration: none;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-image: url(img/icon-txt.svg);
	background-position: 0 center;
	background-size: contain;
}
a.txt:hover{
	text-decoration: underline;
}
a.lua{
	margin-top: 2px;
	margin-bottom: 2px;
	text-decoration: none;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-image: url(img/icon-lua.svg);
	background-position: 0 center;
	background-size: contain;
}
a.lua:hover{
	text-decoration: underline;
}
a.doxygen{
	margin-top: 2px;
	margin-bottom: 2px;
	text-decoration: none;
	font-family: sans-serif;
	font-weight: 100;
	padding-top: 3px;
	font-size: 16px;
	color: #0000AA;
	padding-left: 53px;
	display: block;
	height: 17px;
	background: url(img/icon-doxygen.gif) no-repeat;
}
a.doxygen:hover{
	text-decoration: underline;
}
a.art_title {
	display: block;
	font-size: 1.3em;
	font-weight: normal;
	white-space: nowrap;
	background: url(img/link.svg) no-repeat 0% 40%;
	background-size: 19px 17px;
	padding-left: 21px;
	margin-bottom: 0.1em;
}
a.art_title:visited {
	color: #660099;
}
a.art_link {
	display: block;
	margin-bottom: 0.1em;
	color: #006621;
}
div.art_text {
	margin-bottom: 1em;
	color: #545454;
}
/***************************************************/
/* LEFT PANNEL                                     */
/***************************************************/
@media (min-width: 992px) {
	.panneau {
		transform: none!important;
		visibility: visible!important;
		top: unset!important;
		left: unset!important;
		width: unset!important;
		border-right: 1px solid rgba(0,0,0,.2);
		position: initial!important;
		bottom: unset!important;
		z-index: unset!important;
		display: block!important;
		background-color: #fff;
		transition: transform .3s ease-in-out;
		border-right: unset!important;
	}
}
@media (min-width: 1200px) {
	.panneau {
		overflow: visible!important;
	}
}
.panneau {
	overflow: auto;
	width: 100%;
}

i.star {
	top: -0.15em;
	position: relative;
	font-size: 0.7em;
	font-style: normal;
	border-radius: 0.25rem!important;
	background: var(--bs-gray-200);
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
i.star::before {
	color: var(--bs-primary);
}
i.star::after {
	color: var(--bs-gray-300);
}
i.s1::before { content: "\2605"; } i.s1::after { content: "\2605\2605\2605\2605"; }
i.s2::before { content: "\2605\2605"; } i.s2::after { content: "\2605\2605\2605"; }
i.s3::before { content: "\2605\2605\2605"; } i.s3::after { content: "\2605\2605"; }
i.s4::before { content: "\2605\2605\2605\2605"; } i.s4::after { content: "\2605"; }
i.s5::before { content: "\2605\2605\2605\2605\2605"; } i.s5::after { content: ""; }
i.q {
	position: relative;
	top: -0.15em;
	font-size: 0.7em;
	font-style: normal;
	border-radius: 0.25rem!important;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
i.script { background: var(--bs-info); color: white; } i.script::before { content: "scripting" }
i.dev { background: var(--bs-secondary); color: white; } i.dev::before { content: "développement" }
i.troub { background: var(--bs-primary); color: white; } i.troub::before { content: "troubleshooting" }
i.basic { background: var(--bs-gray-500); color: white; } i.basic::before { content: "basic" }
i.master { background: var(--bs-secondary); color: white; } i.master::before { content: "maîtrise" }
i.int { background: var(--bs-warning); color: var(--bs-gray-600); } i.int::before { content: "intégration" }
i.user { background: var(--bs-info); color: white; } i.user::before { content: "utilisateur" }
i.rfc { background: var(--bs-info); color: white; } i.rfc::before { content: "RFC" }

td i small {
	color: var(--bs-success)
}

table.skills tr td {
	vertical-align: top;
}