body {
  margin: 0;
}

/* Fontes */
@font-face {
    font-family: Century;
    src: url(../fonts/CENTURY.ttf);
    font-weight: normal;
}

@font-face {
    font-family: Century Gothic;
    src: url(../fonts/GOTHIC.ttf);
    font-weight: normal;
}
/*
@font-face {
    font-family: CenturyGothic Bold;
    src: url(../fonts/GOTHICB.ttf);
    font-weight: normal;
}
@font-face {
    font-family: Century Gothic;
    src: url(../fonts/GOTHICBI.ttf);
    font-weight: normal;
}
@font-face {
    font-family: Century Gothic;
    src: url(../fonts/GOTHICI.ttf);
    font-weight: normal;
}*/

/* Barre de navigation */
ul.topnav {
    font-family: Verdana;
    font-size: 20px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
	height:44px;
	position:absolute;
	top:-8px;
	width:100%;
}

ul.topnav li {float: left;}

ul.topnav li a {
    display: block;
    color: #2EC800;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.topnav li a:hover:not(.active) {background-color: #555555; color: white;}

ul.topnav li a.active {background-color: #4CAF50; color: white;}

ul.topnav li.right {float: right;}

@media screen and (max-width: 600px){
    ul.topnav li.right, 
    ul.topnav li {float: none;}
}
ul.topnav li {color: #2EC800;}

.active {
    background-color: #4CAF50;
    color: white;
}

/*----- Divers ------*/

.t0 { font-family:Arial; font-size:30px; font-style:normal; line-height:130%; }
.t1 { font-family:Verdana; font-size:39px; font-style:normal; text-align:center; }
.t2 { font-family:Verdana; font-size:39px; font-weight:bold; text-align:center; color:#CE161C; }
.t3 { font-family:Verdana; font-size:39px; font-style:italic; text-align:center; }
.t4 { font-family:Verdana; font-size:30px; font-style:normal; line-height:130%; }
.t5 { font-family:Verdana; font-size:40px; font-weight:bold; text-align:left; color:#CE161C; }
.t6 { font-family:Century Gothic; font-size:28px; font-style:normal; line-height:100%; }
/*.t6 { font-family:Century Gothic; font-size:28px; font-style:normal; line-height:75%; }*/
.t7 { font-family:Century Gothic; font-size:30px; text-align:left; color:#2E39A6; line-height:65%; }
.t8 { font-family:Century Gothic; font-size:30px; font-style:normal; line-height:130%; }

hr.dashed { border-top: 1px dashed red; position:relative; line-height: 100%; }

a.nocolor, a.nocolor:link, a.nocolor:visited, a.nocolor:hover, a.nocolor:focus, a.nocolor:active{
  color:#2E399C;
}

.scrollable-content {
    position: absolute;
    top: 35px;
    bottom: 0;
    overflow-y: scroll;
    width: 100%;
}

.sized-container {
    width: 90%;
    height: 90%;
}

.sized-container img {
	width: auto !important; /*Keep the aspect ratio of the image*/
	height: 140px !important;
	margin: 0 auto 1em auto; /*Center the image*/
    max-width: 100%;
    max-height: 100%;
}