/******** GENERAL STYLES ********/
html{
    height: 100%;
}
body{ font-family :Arial; margin:0px; padding:0px; color: #333; text-align: justify; height: 100%; background-color: RGB(236,237,237); }

/******** HEADER ********/
header{
    width: 100%;
}
.header{
    height: 80px;
    background-color: white;
}
.header img{
    padding:10px;
    clear:both;
}

.header p{
    position: absolute;
    top:15px;
    right:30px;
    font-size:14px;
    word-spacing:4px;
    text-transform: uppercase;
}

A:link { FONT-SIZE: 10px; COLOR: #000000; FONT-WEIGHT: bold ; TEXT-DECORATION: none }
A:visited {FONT-SIZE: 10px;  color: #000000; font-weight: bold; TEXT-DECORATION: none  }
A:hover {FONT-SIZE: 10px;  color: #0395cc; font-weight: bold; text-decoration: underline  }

input {border: 1px solid #555; font-size :10pt; font-family :Arial; }
textarea { font-size :10pt; font-family :Arial; }
select { font-size :10pt; font-family :Arial; }

.t-text { FONT-SIZE: 10px; font-weight: Bold; font-variant: small-caps;  text-transform: capitalize; }
.v-text { FONT-SIZE: 12px; }
.w-text { FONT-SIZE: 12px; font-weight: Bold; text-transform: capitalize; }

div#t-text { FONT-SIZE: 12px; font-weight: Bold; font-variant: small-caps;  text-transform: capitalize; }
div#v-text { FONT-SIZE: 12px; }
div#w-text { FONT-SIZE: 12px; font-weight: Bold; text-transform: capitalize; }

.titre-text { FONT-SIZE: 12px; font-weight: Bold; text-transform: capitalize;  text-shadow: 1px 1px Silver;}

#edition body{ font-family :Arial; margin:0px; padding:0px; color: #333; text-align: justify; height: 100%; }
#edition Table.t-text{FONT-SIZE: 14px;	COLOR: #000000;	font-weight: normal ;}
#edition tr.haut {	font-size: 14px;	background-color: #666;	color: #FFF;	text-align: center;	vertical-align: middle;	}
#edition tr.text {	font-size: 14px;	text-align: center;	vertical-align: middle;  font-weight: normal ;    }
#edition td.text {	font-size: 14px;	text-align: center;	vertical-align: middle;  font-weight: normal ;    }
#edition td.texttitre {	font-size: 14px;	text-align: center;	vertical-align: middle;  font-weight: bold ;    }
#edition td.texthaut {	FONT-FAMILY:  Tahoma ;	font-size: 14px;	text-align: center;	vertical-align: middle;  font-weight: normal ;    }

table#t01 tr:nth-child(even) {background-color: Beige;}
table#t01 tr:nth-child(odd) {background-color:white;}
table#t01 th { background-color: silver; color: black;}

table#t02 tr:nth-child(even) {background-color: Beige;}
table#t02 tr:nth-child(odd) {background-color:white;}
table#t02 th { background-color: silver; color: white;}

.leftpage {
    font-size:10px;
    word-spacing:4px;
    color: white;
    text-align: center;
}

.leftpage a:link { color: #fff; text-decoration: none; }
.leftpage a:visited	{ color: #fff; text-decoration: none; }
.leftpage a:hover { color: #0395cc; text-decoration: none; }

/******** FOOTER ********/
.footer{
    clear: both;
    width: 100%;
    height: 50px;
    border-top: 2px solid #888;
    padding-top: 10px;
    background-color: RGBa(66, 69, 88, 0.85);
    }
    
.footer p{
    font-size: 10px;
    text-align: center;
    color: white;
}

.footer_Ed{
    clear: both;
    width: 100%;
    height: 30px;
    border-top: 2px solid #888;
    padding-top: 10px;
 /* background-color: RGBa(66, 69, 88, 0.85); */
    }
    
.footer_Ed p{
    font-size: 10px;
    text-align: center;
    color: black;
}

#thing-alerts input {padding: 1px; border: 1px solid #555; font-size :10pt; font-family :Tahoma; }
#thing-alerts input[type="submit"] { width: auto; padding: 4px 15px; background: #555; color: #fff; cursor: pointer; }
#thing-alerts input[type="button"] { width: auto; padding: 4px 15px; background: #555; color: #fff; cursor: pointer; }
#thing-alerts input[required] { border-right: 8px solid orange; }
#thing-alerts input:invalid { border-right: 8px solid red; }
#thing-alerts input:valid { border-right: 8px solid green; }

#thing-alerts select[required] { border-right: 8px solid orange; }
#thing-alerts select:invalid { border-right: 8px solid red; }
#thing-alerts select:valid { border-right: 8px solid green; }