/* arsaperta.org css $Id: style.css 2985 2006-11-01 19:20:36Z  $ */

body {
    font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
    background-color: #dcdcdc;
}

.apage {
    position:relative;
    width:800px;
    top:8px;
    margin-left:auto;
    margin-right:auto;
    padding:0px;
    border:0px;
    height:600px;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    color: #201050;
    text-align:left;
    padding:0px 0px 0px 0px;
    padding-bottom: 2px;
    padding-top: 2px;
    margin: 0px;
}

h6 {
    font-size: 96%;
    font-weight: bold;
    color: black;
    padding-bottom: 0px;
    padding-top: 16px;
}

h5 {
    font-size: 100%;
    font-weight: bold;
    padding-bottom: 2px;
    padding-top: 2px;
}

h4 {
    font-size: 130%;
}

h3 {
    font-weight: bold;
    font-size: 130%;
}

h2 {
    font-weight: bold;
    font-size: 160%;
    padding-bottom: 2px;
    padding-top: 4px;
}

h1 {
    font-weight: bold;
    padding-top: 4px;
    font-size: 180%;
    padding-bottom: 4px;
    padding-right: 4px;
    padding-top: 4px;
    letter-spacing: 1px;
}

p {
    padding-top: 4px;
    padding-bottom: 2px;
}

code {
    font-family: "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
/*    color:#202020;*/
    text-align:left;
/*    font-weight: bold;*/
}

pre {
    display: block;
    padding: 6px;
}

a {
    text-decoration: none;
    color: #0000b0;
}

a:hover {
    color: #0000a0;
    background-color: #e4e4ff;
}

ul {
    list-style-type:circle;
    list-style-position:outside;
}

.bande {
    background-color: #ffffff;
    height: 70px;
    width: 100%;
    position:relative;
}

.bande a {
    color: #ffffff;
    text-decoration: none;
}

.bande a:hover {
    color: #ffffff;
    background-color: #ffffff;
    text-decoration: none;
}

#llogo {
    position:relative;
    top:0px;
    left:0px;
    margin:0px;
    padding:0px;
    border:0px;
    height:85px;
    width:800px;
}

.menubox {
    position:relative;
    width: 98%;
    top:8px;
    left:12px;
    font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    font-weight: bold;
    height: 22px;
    font-size: 13px;
    color: #201050;
    margin:0px;
    padding:0px 0px 12px 0px;
}
.submenubox {
    position:relative;
    width: 98%;
    top:1px;
    left:98px;
    font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
    height: 12px;
    font-size: 11px;
    color: #F201050;
    margin:0px;
    padding:0px 0px 12px 0px;
}
.subsubmenubox {
    position:relative;
    width: 98%;
    top:1px;
    left:98px;
    font-family: "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
    font-weight: normal;
    height: 12px;
    font-size: 9px;
    color: #F201150;
    margin:0px;
    padding:0px 0px 12px 0px;
}
.menubox a {
    color: #201050;
    padding:2px 0px 2px 0px;
    text-decoration: none;
}

.menubox a:hover {
    color: #201050;
    padding:2px 0px 2px 0px;
    background-color: #ffffff;
    text-decoration: none;
}

.rm,.rm0,.rm1,.rm0s,.rm1s {
    margin:0px;
    padding:2px 0px 0px 0px;
    font-size: 11px;
    font-weight: bold;
}

p.rm {
    padding-bottom:4px;
}

a.rm0 {
    color: #5050ff;
    text-decoration: none;
}

a.rm0:hover {
    color: #2020ee;
    background-color: #e4e4ff;
}

a.rm0s {
    color: #b0b0ff;
    text-decoration: none;
}

a.rm0s:hover {
    color: #e4e4ff;
    background-color: #ffffff;
}

.rm1 {
    margin-left:20px;
    padding:0px 0px 0px 0px;
}

a.rm1 {
    color: #ff5050;
    text-decoration: none;
}

a.rm1:hover {
    color: #ee2020;
    background-color: #e4e4ff;
}

.red {
    color:#ff2020;
}

.smtitle {
    font-weight: bold;
    font-size: 92%;
}

strong {
    font-weight: bold;
}

.lines {
    position:relative;
    width: 100%;
    /*height:100px;*/
    top:0px;
    left:0px;
    margin:0px;
    padding:0px 0px 0px 0px;
}

.hr {
    position:absolute;
    width:100%;
    left:0px;
    top:16px;
    padding-bottom:0px;
    border-top:#909090 1px solid;
}

.left {
    position:absolute;
    top:2px;
    left:0%;
    width:40%;
    text-align:left;
}

.right {
    position:absolute;
    top:2px;
    right:0%;
    width:30%;
    text-align:right;
}

.center {
    position:absolute;
    top:2px;
    left:40%;
    width:30%;
    text-align:center;
}

.footer {
    position:relative;
    width:98%;
    top:12px;
    left:1%;
    margin:0px;
    padding:0px 0px 60px 0px;
    font-size: 10px;
    color: #404040;
}

.footer a {
    text-decoration: none;
    color: #404040;
}

.footer a:hover {
    color: #202080;
}

#maintab {
    margin:0px;
    padding:0px;
    height:100px;
}

#leftcol {
    padding: 12px 0px 12px 12px;
    margin:0px;
    position:relative;
    left:0px;
    top:0px;
}

#rightcol {
    padding: 12px 12px 12px 12px;
    margin:0px;
    position:relative;
    left:0px;
    top:0px;
}

.graybox {
    position:relative;
    width: 100%;
    top:0px;
    left:0%;
    margin:8px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    background-color: #f4f4f8;
}

.g1 {
    background-image:url(ghg.gif);
    background-repeat:no-repeat;
    left:0px;
    background-position:left top;
    width:10px;
    height:10px;
    position:absolute;
}

.g2 {
    background-image:url(ghd.gif);
    background-repeat:no-repeat;
    right:0px;
    background-position:right top;
    width:10px;
    height:10px;
    position:absolute;
}

.g3 {
    background-image:url(gbg.gif);
    background-repeat:no-repeat;
    bottom:0px;
    background-position:left bottom;
    width:10px;
    height:10px;
    position:absolute;
}

.g4 {
    background-image:url(gbd.gif);
    background-repeat:no-repeat;
    bottom:0px;
    right:0px;
    background-position:right bottom;
    width:10px;
    height:10px;
    position:absolute;
}

.rbox {
    background-color:#ffffff;
    width:100%;
    position:relative;
    padding:0px;
    margin-bottom:10px;
}

.c1 {
    background-image:url(hg.gif);
    background-repeat:no-repeat;
    left:0px;
    background-position:left top;
    width:10px;
    height:10px;
    position:absolute;
}

.c2 {
    background-image:url(hd.gif);
    background-repeat:no-repeat;
    right:0px;
    background-position:right top;
    width:10px;
    height:10px;
    position:absolute;
}

.c3 {
    background-image:url(bg.gif);
    background-repeat:no-repeat;
    bottom:0px;
    background-position:left bottom;
    width:10px;
    height:10px;
    position:absolute;
}

.c4 {
    background-image:url(bd.gif);
    background-repeat:no-repeat;
    bottom:0px;
    right:0px;
    background-position:right bottom;
    width:10px;
    height:10px;
    position:absolute;
}

.inrbox {
    padding:12px 24px 12px 24px;
    font-size:12px;
    text-align:justify;
    color: #202020;
}

.inrboxa {
    padding:12px 24px 12px 24px;
    font-size:12px;
    text-align:left;
    color: #202020;
}

.inrboxb {
    padding:10px 16px 10px 16px;
    font-size:11px;
    text-align:left;
    color: #202020;
}

.inrbox h4 {
    font-weight: normal;
    text-align:left;
    padding:2px 0px 2px 0px;
    font-size: 130%;
    color: #201050;
    margin:0px;
}

.inrbox h3 {
    font-weight: bold;
    text-align:left;
    padding:2px 0px 2px 0px;
    font-size: 130%;
    color: #201050;
    margin:0px;
}

.inrboxa h3 {
    font-weight: bold;
    text-align:left;
    padding:2px 0px 2px 0px;
    font-size: 130%;
    color: #201050;
    margin:0px;
}

.inrbox small {
    font-size: 90%;
    font-weight: normal;
    text-align:left;
    padding: 0px;
    color: #403040;
    margin:0px;
}

.inrboxa small {
    font-size: 90%;
    font-weight: normal;
    text-align:left;
    padding: 0px;
    color: #403040;
    margin:0px;
}

.inrboxri {
    padding:10px 16px 10px 16px;
    font-size:11px;
    text-align:left;
}

#flagen {
    position:absolute;
    top:2px;
    right:6px;
    height:14px;
    width:26px;
    padding:0px;
    background-image:url(flag-en-26.jpg);
    background-repeat:no-repeat;
    background-position:right top;
    text-decoration: none;
    color: #f4f4f8;
    background-color: #f4f4f8;
}

#flagfr {
    position:absolute;
    top:2px;
    right:6px;
    height:14px;
    width:26px;
    padding:0px;
    background-image:url(flag-fr-26.jpg);
    background-repeat:no-repeat;
    background-position:right top;
    text-decoration: none;
    color: #f4f4f8;
    background-color: #f4f4f8;
}

