body { background-color: #F6F6F6;  margin: 0 0 0 0; }
body a:visited { color:#2020A6; }

input[type='password'] { border : 1px solid #cccccc; font-size: 12px; } 
input[type='text'] { border : 1px solid #cccccc; font-size: 12px; } /* common property for input text and submit button */
input[type='submit'] { border : 1px solid #666666; font-size: 12px; }
.styled-select { display: inline-block;  } /*margin-left : 20px; */
.styled-select select {
   background: transparent; /* width: 268px; height: 34px; border-radius: 0; padding: 5px; line-height: 1; -webkit-appearance: none; */
   font-size: 12px;   border: 1px solid #cccccc;
}
.styled { display:inline-block; font-size : 12px; color : #CB0000;  font-family : Times New Roman; }
.styled input[type='text'] 	{ border: 1px solid #cccccc; font-size: 11px; }
.styled input[type='button']  { border: 1px solid #aaaaaa; font-size: 11px; height:18px; }
.styled input[type='submit']  { border: 1px solid #aaaaaa; font-size: 11px; height:18px; }
.styled select {
	background: transparent; /* width: 268px; height: 34px; border-radius: 0; padding: 5px; line-height: 1; -webkit-appearance: none; */
	font-size: 12px;   border: 1px solid #cccccc;
}
.txt2 {	font-size : 12px;	font-family : Times New Roman; }
.txt3 {	font-size : 12px; color : #CB5500;  font-family : Times New Roman; }	
.txt4 {	font-size : 10px; font-family : Times New Roman; }
.txt5 {	font-size : 10px; color : #CB5500;  font-family : Times New Roman; }	
.txtred { display:inline-block; color:#fb0000; }

/*--  Screen defined the background and PageWrap defines the content section, which is centered  --*/
#Screen { width: 100%; height: 100%; background-image:linear-gradient(to bottom, #F6F6F6, #777777); margin: 0 0 0 0; }
#ScreenL { width: 100%; background-image:linear-gradient(to bottom, #F6F6F6, #777777); margin: 0 0 0 0; }
#PageWrap0 {
  width : 1200px; height : 100%;
  background: #FFFFFF;  margin-top: 0px; margin-left: auto; margin-right: auto;
}
#PageWrap {
  width : 1480px; /* height:100%; border:2px solid #a44; */
  background: #FFFFFF;  margin-top: 0px; margin-left: auto; margin-right: auto; 
}
#RightColWrap {
  width: 100%; height: 100%; background: #FFFFFF; 
  font-family: verdana; font-size: 12px;
}
#LeftContent { width:100%; margin-left:5px; font-family: verdana; font-size: 11px; z-index:10; }
#LeftContent a { color:#007; text-decoration: none; }
/*-- first line title --*/
.title { 
    /* background: linear-gradient(to bottom right, #AfD4FF, #3050ab); */
	background-color:#F8F8F8; 
	font-family:"Times New Roman", Times, serif; 
	font-size:20px; color: #0088AA; margin-left: 8px; height:30px; 
	padding-left: 4px;
}
.title a { text-decoration: none; color: #0088AA; } /* EEEEEE;} */
.menu  { 
	background: linear-gradient(to top left, #10306B, #5D6DAE);  /* background-color:#3030FF; */
	color:#00DDFF; 
	font-weight: bold; 
	font-family:"Times New Roman"; Times, serif; 
	font-size:15px;
	height:25px; }
.menu a { text-decoration: none; color:#EEEEFF; }
.menu a:visited {color:#DDDDDD;}
/* content filter just after the title */
.filter { background-color:#FFFFFF; font-family:"Verdana"; font-size:12px; margin-left: 4px; }

.Content { background-color:#FFFFFF; font-family:"Verdana"; font-size:12px; margin-left: 4px; }
.Content a { font-family:"Verdana"; color:#0000FF; }
.Content a:visited { font-family:"Verdana"; color:#0088FF; }

div#titre {
 font-family:"Times New Roman", Times, serif; 
 font-size:24px;  font-weight: bold; color: #FFFFFF;
 padding : 4 4 4 10;
 background: linear-gradient(to bottom right, #10308b, #6f94FF); /* radial-gradient */
}
#titre a:link, a:visited { 
 font-size:24px;  font-weight: bold;
 color: #DDDDDD;  text-decoration: none;
 background: linear-gradient(to bottom right, #10308b, #6f94FF); /* radial-gradient */
}

table { font-family: Arial, Helvetica;font-size: 12px; }
.GridHd { display:inline-block;padding:5 3 5 3; margin:0; font-size:10px; text-align:center;overflow:hidden; border:1px solid #666666; background-color: #dedeff; }
.Grid { display:inline-block; padding:3px; border:1px solid #666666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

table.gridtable {
	font-family: verdana,arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
	margin-left: 4px;
	z-index: 1;
}
table.gridtable th {
	padding: 5 3 5 3;
	border-style: solid;
	border-color: #666666;
	font-size:10px;
	background-color: #dedeff;	
}
table.gridtable td {
	padding: 3px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}
table.gridtable a:link, a:visited {
	font-family: verdana,sans-serif; font-size:11px;
	text-decoration: none;
}

table.RightTable {
	font-family: verdana,arial,sans-serif;
	font-size:10px;	color:#333333;
	padding-left: 2px;
	border-width: 0px; border-color: #666666; border-style: solid;
}

#LeftMenu { 
	display:inline-block; width:100px; height:100%; vertical-align:top;  margin:1; padding: 0 0 10 0; 
	background-color:#EFEFEF; border-right:1px solid #888; 
}
.LMenu { display:block; margin:2 5 0 5; font-family:verdana; font-size:11px; text-align:left; /* border-bottom:1px solid #444; */ }
.LMenu a:link, .LMenu a:visited { color: #22b; font-weight:bold; text-decoration:none; }

#RightCnt { display:inline-block; position:relative; margin:3 0 0 8; vertical-align:top; font-family:verdana; font-size:11px; border:0px solid #222; }
#RightCnt a:link, #RightCnt a:visited { color:#2222AA; text-decoration:none; }
.Topic { display:inline-block; font-family:Arial; font-size:12px; font-weight:bold; color:#44a; }
.Author { display:inline-block; font-size:12px; color:#a44; }
.Date { display:inline-block; font-size:9px; color:#444; }
.styled-select select { border:1px solid #C5C5C5; font-family:Verdana; font-size:10px; color:#222; text-align:left; background: transparent; }

.overlay{ /*--- Take the whole zone ---*/
  display: none; /* Hidden by default */
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%; /* vertical-align:middle; text-align:center; */
  z-index: 10;
  background-color: rgba(0,0,0,0.15); /* dim the background */
}
.Inner { /*--- Centralized edit zone ---*/
	display:inline-block; position:absolute; 
	left:50%; top:50%; transform:translate(-50%, -50%); 
	padding: 5px; background:#fff;
}
/*-- The Modal (background) it could have problem if included as a sub-division of another one --*/
#myModal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  /* padding-top: 150px;  Location of the box ... not fixe this value at the beginning */
  left: 0; top: 0; 
  text-align:center;
  width:100%; height:100%; /* Full width  height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* background-color: rgb(0,0,0); == Fallback color */
/*-- Modal Content --*/
.modal-content { 
  background-color: #fefefe; position:relative;
  margin:0 auto;  padding:20px;
  border:1px solid #888;
  width:90%;  text-align:left;
  min-height:100px; /* vertical-align:top; */
  overflow: auto;
}
/*--- popup centralized window ---*/
#PopWin   { display:none; position:fixed;text-align:center;top:0px;left:0px; width:100%; height:100%; background-color:#f0f0f0; opacity:0.98; z-index:199; }
#InnerWin { display:inline-block;position:absolute;top:50%; -ms-transform: translateY(-50%); transform: translateY(-50%); background-color:#ffffff; } /*  margin:10px auto 10px auto; padding:5px; vertical-align:middle; */
#InnerWin2 { display:inline-block;position:relative; font-family:verdana; text-align:left; background-color:#ffffff; } /*  margin:10px auto 10px auto; padding:5px; vertical-align:middle; */

/*======---   [ON SMALL SCREENS]    ---=====*/
@media screen and (max-width: 768px) {

#PageWrap0 { width:100%; }

}