body {
    background-color:#f2f6f8;
}
#headline {
    top: 1px;
    height: 50px;
    width: 95%;
    border: 1px solid white;
    text-align: center;
    padding-left: 40px;
    font-size: 60px;
    font-family: 'Brush Script MT';
    color: mediumblue;
    font-weight: bolder;
    background-image: url(../images/bgd.png);
    text-shadow: 4px 4px 4px #635858;
}
#headline .icon{
    position:absolute;
    left:10px;
}
#ff {
    font-family: 'Calibri';
    font-size: 14px;
    color: black;
    text-align: right;
    margin-left: 80px
}
ul {
    font-family: Calibri;
    font-size: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: bold;
}

#linkheader {
    position: absolute;
    top: 52px;
}

#but {
    top: 55px;
    left: 600px;
}

ul li {
    display: block;
    position: relative;
    float: left;
}
/* Round button */
.fa{
    margin-left: 20px;
    padding: 3px;
    font-size: 14px;
    width: 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    font-style: italic;
    font-weight: bold;
    background: blue;
    color: white;
}
.read{
    margin-left: 20px;
    padding: 3px;
    font-size: 14px;
    width: 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    font-style: italic;
    font-weight: bold;
    background:green;
    color: white;
}
#signout {
    margin-left: 20px;
    padding: 3px;
    font-size: 14px;
    width: 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    font-style: italic;
    font-weight: bold;
   background:#1c6294;
    color: white;
} 
.log {
    background: #55ACEE;
    color: white;
}

.reg {
    background: #3B5998;
    color: white;
}

.comment {
    background-color: #dd4b39;
    color: white;
}

.showme {
    background-color: black;
    color: white;
}
li input{
color:blue;
font-weight:bold;
}
li ul {
    display: none;
}



li:hover ul {
    display: block;
    position: absolute;
}

li:hover li {
    float: none;
    font-size: 11px;
}

li:hover a {
    background: #617F8A;
}

li:hover li a:hover {
    background: #95A9B1;
}
#title {
    font: bolder 30pt Calibri;
    margin-left: 30px;
    color: #ff0000;
    text-shadow: 3px 3px 3px #635858;
}

#ta1 {
    border: 1px solid white;
    height:auto;
    width:100%;
}
#mot{
border: 1px solid white;
width:30%;
height:auto;
text-align:left
}

#hai {
position:relative;
left:5px;
    border: 1px solid white;
    width:45%;
    height:auto;

}
#ba {
    border: 1px solid white;
    position:relative;
    margin-left:1px;
    height: auto;
    text-align: justify;
    width: 25%;
}
#ba .three{
position:relative;
padding-top:1px;
}
#fistfram {
    width: 350px;
    height: 150px;
}

#regfram {
    width: 380px;
    height: 260px;
}
#postCom {
    width: 800px;
    height: 270px;
}
h1{
    font-family:Calibri;
    color:blue;
}
h5 {
    font-family: Calibri;
    color:#1c6294;
    font-size: 40px;
    font-weight: bolder;
    text-shadow: 4px 4px 4px #635858;
   margin-top:1px;
  text-align:center;
}
h4 {
    font-family: Calibri;
    color: #1c6294;
    font-size: 20px;
    font-weight: bolder;
    text-shadow: 4px 4px 4px #635858;
    margin-top: 1px;
}
footer{
    text-align:center;
}
.scroll {
    margin-left:30px;
}
#actif{
    display:none;
}

#ll {
    position: relative;
    font-family: 'Calibri';
    font-size: 11px;
    color: white;
    margin-left: 400px;
}
#clock { /* Style apply to element with id="clock" */
    font: bold 10pt Arial; /* Use a big bold font */
    color:black;
    background: #ddf; /* On a light bluish-gray background */
    padding: 2px; /* Surround it with some space */
    border: solid black 2px; /* And a solid black border */
    border-radius: 10px; /* Round the corners (where supported) */
    margin-left: 20px;
    margin-right: 20px;
}

#loadfilex{
    width:auto;
  height:auto;
scrollbar-track-color:coral;
}
#loinoidau {
    font-size:14pt;
    font:inherit Calibri;
}
#dispBut, #Compost {
    font-size: 14pt;
    color:maroon;
    font-family: Tahoma, Calibri-Serif;
}
ol {
    margin-left:0pt
}
#closme {
    font-size: 14pt;
    font-weight:bolder;
    background-color:papayawhip;
}
.sendm {
    margin-left: 20px;
    padding: 3px;
    font-size: 14px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 30%;
    font-style: italic;
    font-weight: bolder;
    background: blue;
    color: white;
}
#phcall{
    align-items:center;
    text-align:center;
    font-size:16px;
    font-weight:bolder;
    color:blue;
    border:solid 2px black;
    width:200px;
    background-color:#f2f0c2;
}
.vacall {
    margin-left: 20px;
    padding: 3px;
    font-size: 16px;
    width: 40px;
    text-align: center;
    text-decoration: none;
    border-radius: 30%;
    font-style: italic;
    font-weight: bolder;
    background:purple;
    color: white;
}
#dn{
    background-color:green;
    color:white;
}