/* CSS Document */
/* 
--------------------------------------------------------------
   reset.css
   Reinitialise les balises HTML
   License: none (public domain) - v2.0 | 20110126 - http://meyerweb.com/eric/tools/css/reset/
-------------------------------------------------------------- 
*/
/* HTML5 display-role reset for older browsers */
/* Habillage general des menus de nav */
/*.menu { clear: both; margin-bottom: 1.5em; text-align: left; }*/

/* body { background-image: url(../img/WorldMap_m.png); }*/

body,td,th,form,input,option,select,form {
	font-family: Times New Roman, Times, serif;
	font-size: 1.0em;
	line-height:1.2em; 
	margin:0.3em 0.5em 0.2em 0.5em;
}

a { color:#0000cc; padding:.1em .2em .1em .2em; }
a:link { background-color:#CCCCFF; }
a:hover { background-color:#FFCCCC; }
a:active { background-color:#99CC99; }
a, a:link, a:focus, a:hover, a:active, a:visited { text-decoration: none; }

.page, menu { 
	/* text-align: left; 
	clear: both;
	background-color:#FFFFFF;
	margin-bottom: 2.5em; margin-left:2.5em; margin-right:2.5em; margin-top:2.5em;*/ 
	/*font-size: 1.0em;
	line-height:1.2em; */
}

.page a { 
	/*font-size:12px; */
	/*padding:.2em .2em .2em .2em;*/
	border-radius:0.3em;

	/*color:#0000cc;*/
	border-color: #3333DD !important; 
	border-bottom-width:1 !important;
	background-color: #DDDDDD !important;
	/*background-color: #ffffcc !important;*/
}

.main{
	/*
	font-size: 1.0em;
	line-height:1.2em; 
	*/
} 

.main,menu,defile {
  display: block;
  /*padding:0.3em 0.3em 0.3em 0.3em;*/
} 

.main a { 
	/*font-size:12px; */
	/*padding:.3em .3em .3em .3em;*/
	border-radius:0.1em;

	/*color:#0000cc;*/
	border-color: #3333DD !important; 
	border-bottom-width:1 !important;
	/*background-color: #ffffcc !important;*/
	background-color: #DDDDDD !important;
}

/*
.menu ul { margin-bottom: 1.5em; }
.menu ul li {}
.menu ul li { margin-left: 1.5em; list-style: circle; }
*/
.nav {}
.nav li {display:inline; }
.nav li a { display:inline-block; 
	/*padding:0.3em 0.7em; */
	margin:0.1em 0.2em 0.1em 0.2em;
	border-radius:0.3em;
	/*text-decoration: none; */
	background: #ddc; 
	color: #3333ff; 
}

.nav li.on a { background:#c85000; color:#fff; font-weight: normal; }
.nav li a:focus,
.nav li a:hover,
.nav li a:active { background: #222; color:#fff; }

.container {
  background: #ffffff;
  font-size: 0.7em;
  line-height:0.8em;
  /*padding: 0.1em;*/
  padding: 0em;
  width: 160px;
  border-radius: 0.3em;
}

.containe {
  background: #effeef;
  /*padding: 0.1em;*/
  padding: 0em;
  width: 160px;
  border-radius: 0.3em;
  font-size: 0.7em;
  line-height:0.8em;
}

.password-inputs {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #78c1f3;
  border-radius: 0.3em;
  padding-left: 0.1em;
  margin-bottom: 0.3em;
}

.password-inputs input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  padding: 0.1em 0;
  font-size: 0.8em;
  color: #ffffff;
}
.password-inputs img {
  height: 0.5em;
  width: 0.8em;
  cursor: pointer;
  background: limegreen;
  border-radius: 0.5em;
  padding: 0.2em;
}
.password-inputs div {
  display: flex;
  padding: 0.2em;
  align-items: center;
  font-weight: 160;
  color: red;
}

.password-check div {
  display: flex;
  padding: 0.2em;
  align-items: center;
  font-weight: 160;
  color: red;
}
.password-check img {
  height: 0.5em;
  width: 0.8em;
  padding: 0.2em;
  /*padding-right: 0.2em;*/
}

.pwrd-check div {
  display: flex;
  padding: 0.2em;
  align-items: center;
  font-weight: 160;
  color: red;
}
.pwrd-check img {
  height: 1.0em;
  padding-right: 0.2em;
}

.user-check div {
  display: flex;
  padding: 0.2em;
  align-items: center;
  font-weight: 160;
  color: red;
}
.user-check img {
  height: 1.0em;
  padding-right: 0.2em;
}