.dummy{}/* leave in - bug fix */

@media screen and (max-width:400px) {
	body {
		background-image:none !important;
		background-color:black !important;
		width:400px !important;
	}
}

/******* type styles *******/
h1{
  color:#99FFFF;
  background-color:transparent;
  font-size:20px;
  font-weight:bold;
  text-align:center;
}

h2{
  color:#7ACCCC;
  background-color:transparent;
  font-size:14px;
  font-weight:normal;
  text-align:left;
}

h3{
  color:#7ACCCC;
  background-color:transparent;
  font-size:12px;
  font-weight:normal;
  text-align:left;
  margin-left: 5%;
  margin-right: 5%;
}

p{
}

hr{
  color:#ddd;
  height:1px;
  background-color:black;
}

.Tcaption{
  font-weight:bold;
}

/******** layout ********/
body {
left:0px;
top:0px;
width:1000px;
height:592px;
padding:0;
margin-top: 0%; margin-right: 0%; margin-bottom: 0%; margin-left: 0%;
background-image: url('stars.gif');
background-repeat: repeat;
background-attachment: fixed;
font: 11px arial;
color:white;
background-color:transparent;
}

#pageOuter{
	position: relative;
	top:0;
	width:96%;
	height:5%;
	margin:0px;
	padding:0;	
	border-style: none;
}

#banner{
	position: fixed;
	top:0;	
	width:80%;
	margin:0 0 0 0;
	z-index:1;
}

#banner img {
	border: 0;
}

#banner a{
  border:none;
}

#path{
	position: absolute;
	top:0;
	left:80%;
	padding:1px;
	text-align:right;
	font-size:smaller;
	color:gray;
}

#menuarea {
position: fixed;
left:0;
width: 96%;
height: 5%;
padding:1px;
border-style: none;
z-index:1;
}

#titrecentre {
text-align: center;
color: #99FFFF;
font-size: 25px;
font-weight: bold;
}

#centre {
position: relative;
color: #99FFFF;
font-size: 15px;
font-weight: bold;
}

#centre .mosaique img {
	border:2px;
	border-color:#457077;
	border-style:solid;
	margin-left:2%;
}	

#centre .cnt img {
	border:2px;
	border-color:#457077;
	border-style:solid;
	background-color:black;
	color:white;
	padding:0;
	margin-left:0;
}

#centre .button {
	width:150px;
	height:30px;
	background-color: rgb(128, 128, 128, 0.5);
	border: none;
	padding: 0px 0px;
	text-align: center;
	text-decoration: none;
	color: white;
	display: inline-block;
	font-size: 16px;
	margin: 0px 0px;
	cursor: pointer;
	left: 0%;
/*	transform: translate(100%,0%);
*/
}

#centre .button1 {
	border: 2px solid #4CAF50;
	box-shadow: 0 8px 16px 0 rgba(0,128,0,0.2), 0 6px 20px 0 rgba(0,128,0,0.19);
}

.grid-containercol1 {
  display: grid;
  grid-template-columns: 96%;
  background-color: transparent;
  padding: 2px;
}

.grid-item1 {
  background-color: transparent;
  /*border: 1px solid rgba(0, 0, 0, 0.8);*/
  padding: 0px;
  font-size: 30px;
  text-align: center;
}

.grid-containercol2 {
  display: grid;
  grid-template-columns: 48% 48%;
  background-color: transparent;
  padding: 2px;
}

.grid-item2{
  background-color: transparent;
  /*border: 1px solid rgba(0, 0, 0, 0.8);*/
  padding: 0px;
  font-size: 20px;
  text-align: center;
}

.grid-containercol3 {
  display: grid;
  grid-template-columns: 32% 32% 32%;
  background-color: transparent;
  padding: 2px;
}

.grid-item3{
  background-color: transparent;
  /*border: 0px solid rgba(0, 0, 0, 0.8);*/
  padding: 0px;
  font-size: 20px;
  text-align: center;
}

.grid-containercol4 {
  display: grid;
  grid-template-columns: 24% 24% 24% 24%;
  background-color: transparent;
  padding: 2px;
}

.grid-item4{
  background-color: transparent;
  /*border: 1px solid rgba(0, 0, 0, 0.8);*/
  padding: 0px;
  font-size: 20px;
  text-align: center;
}

#bas {
background:transparent;
position: relative;
left: 0;
width: 96%;
height: 20%;
padding:0;
border-style: solid;
border-width: 1px;
border-color: gray;
color:white;
overflow: auto
}

#bas img {
max-height: 100px;
max-width: 254px;
height: auto;
width: auto;
/*
height: expression(document.body.clientHeight > 100 ? "100px" : "auto");
width: expression(document.body.clientwidth > 254 ? "254px" : "auto");
*/
}

#bas .phaselune {
position: absolute;
left: 0;
top: 0;
width: 14%;
height: 100%;
text-align: center;
}

#bas .prevcsc {
padding-left: 2px;
position: absolute;
left: 14%;
top: 0;
width: 28%;
height: 100%;
text-align: center;
}

#bas .prevaurore {
position: absolute;
left: 42%;
top: 0;
width: 20%;
height: 100%;
text-align: center;
}

#bas .prevmeteocan {
position: absolute;
left: 62%;
top: 0;
width: 18%;
height: 100%;
text-align: center;
}

#bas .logo {
position: absolute;
left: 80%;
top: 0;
width: 20%;
text-align: right;
}

#bas .logo img {
max-height: 21px;
height: auto;
/*height: expression(document.body.clientHeight > 21 ? "21px" : "auto");*/
max-width: 60px;
/*width: expression(document.body.clientWidth > 60 ? "60px" : "auto");*/
width: auto;
}

#bas .date {
position: absolute;
left: 80%;
top: 80%;
width: 20%;
height: 20%;
text-align: right;
}

/********* links ********/
a{
  font-weight:bold;
}

a:link{
  color:white;
}

a:visited{
  color:#00FFFF;
}

a:active,
a:hover{
  color:white;
}

.menu{
    display:block;
    position:absolute;
    margin:0;
    padding:0;
    color:#2F4141;
	 font-size:12px;
    background:#457077;
}

.menu ul{
    display:block;
    position:absolute;
    width:94px;
    /*margin:0;*/
    padding:0;
    background:#457077;
}

.menu li ul{
    visibility:hidden;
}

.menu li li ul{
    position:absolute;
    margin-left:94px;
    margin-top:-23px;
	 background:#457085;
    }

.menu li{
    display:inline;
    display/**/:block;
    list-style:none;
    width:94px;
    height:auto;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
}

.menu li li{
    display:block;
    float:none;
}

/* correct a little IE bug */
* html .menu li li{
    display:block;
}

.menu a{
    display:block;
    font-size:smaller;
    text-align:center;
    /* #FFE4B5 = mocassin */
    border:1px #FFE4B5 solid;
    width:90px;
    text-decoration:none;
    padding:2px 0;
    margin:1px;
}

/* for a mozilla better display with key nav */
.menu a:focus{
    color:#00FFFF;
    background:#457077;
}

.menu a:hover{
	/* #FFFFF0 = Ivory*/
	color:#FFFFF0;
	border:1px #FFFFF0 solid;
}

.item1 {
	background:#29464C;
}

.m1{
  background:#457077;
  color:white;
}


/******** don't edit these! *******/
p,h1,h2,h3{
  margin-top:0;
}