@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------*/
									/* règles générales par défaut */
* {
	margin: 0;
	padding: 0;
}
html {
	background-color: hsla(181,81%,22%,1.00);
}
body {
	background-color: #ede5e0;
	margin: 0 auto;
	color: #081B5A;
	font-size: 1em;
}
.Hik {
	color: hsla(0,0%,0%,0.00);
	height: 1px;
	margin: 0;
	padding: 0;
}
/*----------------------------------------------------------------*/
								/* pour les popups et leur écran de fading */
#WinDiv > div {		/* tous les div enfants directs de WinDiv */
	display: none;
}
.fade {
	background-color: hsla(184,80%,20%,.8);
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 0;
	opacity: 0;
}
.window_info {
	position: fixed;
	border: thin solid #F01316;
	background-color: #F7F5F2;
	display: none;
	top: 0;
	left: 50%;
	max-height: 70vh;
	font-size: 115%;
	overflow: auto;
  transform: translate(-50%, 3vh); 		/* décalage de 50% de sa propre taille */
	opacity: 0;
}
/* tous les WinHeader */
[id^="Win"] > .WinHeader {	
	position: relative;
	cursor: move;
	background-color: #05551F;
	color: #F9F3F7;
	padding: 0.7em .8em;
	width: auto;
}
/* tous les WinContent */
[id^="Win"] > .WinContent {
	background-color: #F4EADD;
	padding: 0.35em;
}
/* Pour les icones des headers des popups */
/* toutes les icones de header */
[id^="Win"] > .WinHeader img {
	position: absolute;
	display: inline-block;
	right: .2em;
	top: 0.25em;
	width: 2em;
	cursor:pointer;
	transition: .3s ease-in-out;
}
#WinDisplayDoc > .WinContent h1 {
	font-size: 1.3em;
	color: #E9793D;
	text-align: center;
	padding: .3em 0;
}
#WinDisplayDoc > .WinContent h2 {
	font-size: 1.15em;
	color: #3B98D3;
	padding: .3em 0;
}
#WinDisplayDoc > .WinContent h3 {
	font-size: 1em;
	color: #31B063;
	font-style: italic;
	padding: .3em 0;
}
/* icone Doc */
#WinDisplayTpl > .WinHeader .iDoc {
	right: 4em;
	top: 0.15em;
	width: 1.7em;
}
/* icone Plein écran */
#WinDisplayTpl > .WinHeader .iPe {
	right: 7.8em;
	top: 0.4em;
	width: 1.9em;
}
/* toutes les icones de fermeture */
[id^="Win"] > .WinHeader .iClose:hover {
	transform: rotate(90deg);
}
/*----------------------------------------------------------------*/
#WinDisplayTpl {
	z-index: 400;
}
#WinAlertMsg, #WinDisplayDoc, #WinDisplayTpl {
	resize: both;
}
#WinDisplayDoc {
	z-index: 410;
}
#WinAlertMsg {
	z-index: 1000;
}
#WinDisplayTpl {
	width: 98%;
}
#WinAlertMsg > .WinContent {
	color: red;
}
/*----------------------------------------------------------------*/