@charset "UTF-8";
body {
  margin: 10;
  font-family: Arial, Helvetica, sans-serif;
}
.fr{
    color : slateblue
}
.en {
    color : indianred
}
#top{
    align-content: center;
    text-align: center;
    font-weight: bold;
    scroll-behavior: smooth;
    animation: scroll;
    background: #55AAAA;
    color:white;
    margin-bottom: 0;
    margin-top: 0
}
.topban{
    margin-top: 0;
    margin-bottom: 0
}
.socialbar{
    overflow: hidden;
    background-color: white@
}

#id_photo {
   width:200px;
   clip-path:ellipse(50% 50%);
}

.circular--square {
  border-radius: 50%;
}

.socialbar a{
 float: right;
  color: black;
  text-align: center;
  padding: 8px 10px;
  text-decoration: none;
  font-size: 14px
}
.social a:hover {
  background-color: #eed;
}
.socialbar a:hover {
  background-color: #eed;
  color: black;
 ont-size: 14px
}
.socialbar a:hover {
  background-color: #eed;
  color: black;
 ont-size: 14px
}
.navbar {
  overflow: hidden;
  background-color: #AA0303;
  margin-top: 40;
  margin-bottom: 0;
}
.subnavbar {
  overflow: hidden;
  background-color: lightblue;
  color:black
}

.navbar a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 0px 10px;
  text-decoration: none;
  font-size: 18px
}
.subnavbar a {
  float: right;
  color: black;
  text-align: center;
  padding: 18px 10px;
  text-decoration: none;
  font-size: 14px
}

.navbar a:hover {
  background-color: #eed;
  color: black;
 ont-size: 24px
}
.subnavbar a:hover {
  background-color: #eed;
  color: black;
 ont-size: 14px
}
.navbar a.active {
  background-color: #55AAAA;
  color: #FFFFFF;
  font-weight: bold;
  margin-top: 0
}
.subnavbar a.active {
  background-color: #E5F841;
  color: #000000;
  font-weight: bold
}

.footbar {
  overflow: hidden;
  background-color: white;
  align-content: center;
    text-align: center
}
.footbar a {
  float: inherit;
  color: #f2f2f2;
  text-align: center;
  align-items: center;
  padding: 28px 32px;
  text-decoration: none;
  font-size: 17px;
}

.footbar a:hover {
  background-color: #eed;
  color: black;
}

.footbar a.active {
  background-color: #55AAAA;;
  color: #FFFFFF;
  font-weight: bold
}

tr#zebra:nth-child(even) {
  background-color: #DFFCFB;
  padding-bottom: 20px
}

#news {
    text-align: justify;
    background-color: whitesmoke;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    font-size: 12
}

#news2 {
    text-align: justify;
    background-color: lightyellow;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    font-size: 12
}

#important{
    text-align: justify;
    background-color: peachpuff;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    font-size: 12
}