/**
 * (./) locusonus-minimal.css
 * (by) cousot stéphane @ http://www.ubaa.net/
 * (cc) some right reserved
 *
 * Locus Sonus Lion wiki design
 * Commons page designs
 * version 0.2
 *
 *
 * -------------------------------------------------------------------------------------------------
 *
 *  THIS CODE ARE RELEASED UNDER A CREATIVE COMMONS ATTRIBUTION 4.0 INTERNATIONAL LICENSE
 *  @ http://creativecommons.org/licenses/by/4.0/
 *
 * -------------------------------------------------------------------------------------------------
 */







 body
{
	margin: 100px 0 0 0;
	color: #39464E;
	background: white;
	font-size: 14px;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a
{
	outline: 0;
	color: #39464E;
	text-decoration: none;
}

a:hover,
nav .submenu-title:hover
{
	color: #1C90F3;
}

/*a.external
{
	target-new: tab !important;
}*/

a.pending
{
	font-style: italic;
}

nav div.lang a
{
	color: whitesmoke;
	opacity: 0.5;
}

nav div.lang a:hover
{
	color: whitesmoke;
	opacity: 1;
}

article a
{
	/*color: #134F87;*/
	color: #1C68AF;
}

article a.external:after
{
	font-family: -apple-system,sans-serif;
	font-size: 80%;
	content: " ↗";
	vertical-align: middle;
}

/*nav .current:before
{
	content: "→ ";
	font-size: 80%;
	vertical-align: baseline;
}*/

nav .submenu-title-open:hover:after
{
	font-family: monospace;
/*	font-size: 80%;*/
	content: " -";
	/* vertical-align: middle; */
	font-weight: normal;
}

nav .submenu-title-close:hover:after
{
	font-family: monospace;
/*	font-size: 80%;*/
	content: " +";
	/* vertical-align: middle; */
	font-weight: normal;
}

article a.create
{
	font-style: italic;
}

article a.create:before
{
	font-style: normal;
	content: "→ ";
	vertical-align: baseline;
}

article a.footnote
{
	display: inline-block;
	margin-right: 3px;
}


ul, ol, li
{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul ul,
ol ol
{
	padding-left: 1em;
}

ol li
{
	list-style: decimal-leading-zero inside;
}

pre
{
	white-space: pre-wrap;
}

html, body
{
	height: 100%;
}

h1, h2
{
	margin: 0;
	text-transform: uppercase;
}

h1
{
	margin: 0;
	position: absolute;
	left: 0;
	top: 0;
	background: black;
	width: 100%;
	height: 100px;
}

h1 a
{
	margin: 20px 0 0 10px;
	background: url(../img/hdr-LSV.png) no-repeat 50% 50%;
	background-size: 90%;
	display: inline-block;
	width: 300px;
	height: 60px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

h2
{
	border-bottom: 1px solid #EBECED;
}

h2:empty
{
	display: none;
}

hr
{
	border: none;
	border-bottom: 1px solid #EBECED;
}

.lang,
.page_diff,
.par-edit
{
	font-weight: normal;
	text-transform: lowercase;
	font-style: italic;
	font-size: 80%;
}

.par-edit
{
	display: inline-block;
	margin-left: 7px;
}

.hidden
{
	display: none;
}

.error
{
	padding: 7px 10px;
	background-color: gold;
}


#container
{
	display: flex;
	flex-flow: column;
	padding: 0 33px;
	min-height: 100%;
}


header
{
}

input.search
{
	border: 1px solid white;
	border-radius: 2px;
	padding: 3px 7px 3px 20px;
	width: 100px;

	background-position: 0 2px;
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-image: url('../img/search.png');
}

input.search:hover,
input.search:focus
{
	border: 1px solid #EBECED;
	width: 100px;

	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-o-transition: width 1s;
	transition: width 1s;
}

input.search:focus
{
	width: calc(100% - 27px);
}

input[placeholder]
{
	color: gray !important;
}

input[name='moveto']
{
	margin-right: 20px;
}

main
{
	margin-top: 33px;
	background-color: white;
	display: flex;
	flex-flow: row wrap;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	align-content: flex-start;
}

@media only screen and (min-device-width: 780px)
{
	nav, article
	{
		margin-bottom: 33px;
	}

	nav
	{
		/* width: calc(224px - 33px); */
		margin-right: 33px;
	}

	nav div.lang,
	nav #search
	{
		position: absolute;
		width: calc(100% - 66px);
	}

	nav div.lang
	{
		top: 80px;
		text-align: right;
		font-style: normal;
		font-weight: bold;
	}

	nav #search
	{
		top: 100px;
	}
}

nav .current
{
	font-weight: bold;
}

nav ul.menu
{
	border: 1px solid transparent;
	padding: 3px 7px;
}

nav ul.submenu
{
	border: 1px solid transparent;
	border-left-color: #EBECED;
	padding: 3px 17px !important;
	white-space: nowrap;
	font-weight: normal;
}

nav .submenu-title
{
	cursor: pointer;	
}

nav ul li
{
	white-space: break-spaces;
}

article
{
	width: 500px;
	flex-grow: 1;
}

article img
{
	max-width: 100%;
}

article img.center
{
	display: block;
	margin: 10px auto;
}

article img.left
{
	float: left;
	margin: 3px 10px 3px 0;
}

article img.right
{
	float: right;
	margin: 3px 0 3px 10px;
}

article div,
article p,
article table,
article code,
article img
{
	clear: both;
}

article #footnotes li:first-child,
article .last-changed,
article div#uploader,
article div#edit
{
	margin-top: 30px;
}

article #footnotes
{
	font-size: 80%;
}

article div#edit
{
	position: relative;
}

article div#toolbar a
{
	color: #39464E;
}

article div#toolbar a
{
	border: 1px solid #EBECED;
	padding: 2px 7px 3px 7px;
}

article div#toolbar a:hover
{
	border-color: white;
	color: white !important;
	background-color: #1C90F3;
}

article div#toolbar
{
	display: inline-block;
	text-align: right;
	position: absolute;
	right: -6px;
	margin-top: -21px;
}

article div#toolbar .toolbarUpload,
article div#toolbar .toolbarTextfont
{
	display: inline-block;
	margin-left: 10px;
}
article div#toolbar .toolbarTextfont a
{
	font-family: monospace;
	font-weight: bold;
	text-align: middle;
}

article div#toolbar .toolbarUpload,
article div#edit .toolbar_syntax,
article div#edit .toolbar_save
{
	text-transform: lowercase;
}

article div#edit textarea
{
	border: 1px solid #EBECED;
	padding-top: 10px;
	margin: 4px 0;
}

article div#uploader h3
{
	text-transform: uppercase;
	border-bottom: 1px solid #EBECED;
	margin-top: 30px;
}

article div#uploader th
{
	text-align: left;
	padding-bottom: 10px;
}

article ul li:before
{
	content: "-";
	padding-right: 8px;
	color: gray;
}

article form.preview
{
	opacity: 0.2;
}

article form.preview:hover
{
	opacity: 1.0;
}


article table
{
	margin: 14px 0;
}

article table .rc-diff a,
article table .rc-esum
{
	opacity: 0.5;
	font-size: 80%;
}

article table .rc-diff a:hover
{
	opacity: 1;
}

article table .rc-page
{
	padding-left: 17px;
}
article table .rc-diff :after
{
	content: " —";
	color: #39464E;
	opacity: 1.0;
}

article table .rc-ip
{
	display: none;
}

article code
{
	display: block;
	margin: 0;
	border: 1px solid #EBECED;
	padding: 20px;
}

footer
{
	opacity: 0.5;
	font-size: 80%;
}

footer:hover
{
	opacity: 1;
}

footer a,
footer span.sep
{
	text-transform: lowercase;
	margin-right: 17px;
}

/* ------------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-device-width: 1920px)
{
	#container,
	nav div.lang,
	nav #search
	{
		max-width: calc(1920px - 66px);
	}
}