/* Popup box The Modal (background)
https://www.w3schools.com/howto/howto_css_modals.asp
*/
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* 100% Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #222222;
  color: #eeeeee;
  margin: 0% auto; /* 15% from the top and centered */
  padding: 0px; /* 20px*/ 
  width: 90%; /* 80% Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  //border: 1px solid #ffffff;
  background-color: #222222;
  color: #eeeeee;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  background-color: #222222;
  color: #eeeeee;
  text-decoration: none;
  cursor: pointer;
} 

body {
    font-family: tahoma, arial, helvetica, sans-serif, Georgia;
    font-size: 12; 
    _color: #F7F8E4;
    text-align: left;
    font-style: normal;

    padding-bottom: 10px;

    background-color: #F7F8E4;
/*  background-image: url("../bg.gif");
    background-repeat: repeat-x; 
    background-repeat: repeat-y; 
    background-repeat: repeat; 
    background-repeat: no-repeat; 
    background-position: 50%, 50%;
*/	
}

tr {
font-size: 12;
vertical-align: top; 
background-color: #F7F8E4;
}    

td {
font-size: 12;
vertical-align: top; 
}    

tr.row_title {
background-color: #777777;
color: white;
font-weight: bold;
}

a {
	background-color: transparent;
	color: blue;
}
a:visited {
	background-color: transparent;
	color: blue;
}
a:hover {
	background-color: darkblue;
	color: #C0C0C0;
}
H1 {
	font-family: tahoma, arial, helvetica, sans-serif;
	color: darkred;
	background-color: transparent;
	font-size: 24;
    font-weight: 700; 
	text-align: left;
    ttext-decoration: underline; 
    padding-top: 0px; padding-bottom: 0px;
}
H2 {
	font-family: tahoma, arial, helvetica, sans-serif;
    color: darkblue;
	background-color: transparent;
	font-size: 18;
    font-weight: 700; 
	text-align: left;
    text-decoration: none;
    padding-top: 0px; padding-bottom: 0px;
}
H3 {
    font-family: tahoma, arial, helvetica, sans-serif;
    color: darkred;
    background-color: transparent;
    font-size: 14;
    font-weight: 700; 
    text-align: left;
    font-style: normal; 
    text-decoration: none;
    padding-top: 0px; padding-bottom: 0px;
}
H4 {
    font-family: tahoma, arial, helvetica, sans-serif;
    color: blue;
    background-color: transparent;
    font-size: 14;
    font-weight: 400; 
    text-align: left;
    padding-top: 0px; padding-bottom: 0px;
}

.Strong {
    font-family: tahoma, arial, helvetica, sans-serif;
    color: red;
    background-color: transparent;
    font-size: 12;
    font-weight: 700; 
    text-align: left;
    font-style: normal; 
    text-decoration: none;
    padding-top: 5px; padding-bottom: 0px;
}
.Visible {
    font-family: tahoma, arial, helvetica, sans-serif;
    color: blue;
    background-color: transparent;
    font-size: 12;
    font-weight: 400; 
    text-align: left;
    padding-top: 5px; padding-bottom: 0px;
}

UL {
    padding-top: 0px; padding-bottom: 0px;
}

div.h_menu {
    dfont-family: tahoma, arial, helvetica, sans-serif;
    font-size: 11;
    font-weight: 700; 
    font-style: normal;
    text-align: left; 
    padding-top: 0px; padding-bottom: 0px;
}

div.calendar {
    text-align: left;
    font-size: 10;
    font-weight: 400; 
    font-family: tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFB7;
    vertical-align: top;
    padding-top: 0px; padding-bottom: 0px;
}
.cal_bg {
    text-align: left;
    font-size: 10;
    font-weight: 400; 
    font-family: tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFB7;
    vertical-align: top;
    padding-top: 0px; padding-bottom: 0px;
}
.cal_year {
    text-align: left;
    font-size: 10;
    font-weight: 400; 
    font-family: tahoma, arial, helvetica, sans-serif;
    background-color: #dddddd;
    vertical-align: top;
    padding-top: 0px; padding-bottom: 0px;
}
.cal_year_active {
	text-align: left;
    font-size: 10;
    font-weight: 400; 
    font-family: tahoma, arial, helvetica, sans-serif;
    color = red;
    background-color: darkblue;
    vertical-align: top;
    padding-top: 0px; padding-bottom: 0px;
}
.cal_month {
	text-align: left;
    font-size: 10;
    font-weight: 400; 
    font-family: tahoma, arial, helvetica, sans-serif;
    background-color: #eeeeee;
    vertical-align: top;
    padding-top: 0px; padding-bottom: 0px;
}
.cal_day {
    text-align: left;
    font-size: 10;
    font-weight: 400; 
    font-family: tahoma, arial, helvetica, sans-serif;
    background-color: #FFFFB7;
    vertical-align: top;
    padding-top: 0px; padding-bottom: 0px;
}
.cal_frame {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 10; 
    font-weight: 400; 
    color: darkblue;
    background-color: #FFFFB7;
    text-align: left;
    font-style: normal;
    padding-top: 0px; padding-bottom: 0px;

    border-left:   0px; 
    border-right:  0px; 
    border-top:    0px solid darkgray; 
    border-bottom: 1px solid darkgray;
}
.mnu_frame {
    font-family: tahoma, arial, helvetica, sans-serif;
    font-size: 10; 
    font-weight: 400; 
    color: darkblue;
    background-color: ligntyellow;
    text-align: left;
    font-style: normal;
    padding-top: 0px; padding-bottom: 0px;

    border-left:   0px; 
    border-right:  0px; 
    border-top:    1px solid darkgray; 
    border-bottom: 1px solid darkgray;
}

.menu_option_courante  {
    font-size: 10;
    font-weight: 700; 
    font-family: tahoma, arial, helvetica, sans-serif;
    background-color: darkblue;
    color: red;
}
.menu_option_active {
    font-size: 10;
    font-weight: 400; 
    font-family: tahoma, arial, helvetica, sans-serif;
    background-color: transparent;
    color: red;
}