/*
Original design: andreas06 (v2.0 - Jul 07, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas06/
*/

/* General tags */
body {background:#e0e0e0 url('img/bodybg.gif') repeat-x; color:#505050; margin:0; padding:0; text-align:center; font-style:normal; font-variant:normal; font-weight:normal; font-size:76%; font-family:Georgia, Verdana, Tahoma, Arial, sans-serif}
p {line-height:1.5em; margin:0 0 15px;}
a {color:#d04a10; font-weight:700; text-decoration:none;}
a:hover {text-decoration:underline;}
hr {height:1px; margin:10px 0; width:98%;}
dt {font-weight:700;}
dd {margin:1px 0 12px 15px;}

/* Main layout */
#container {background:#c0c0c0 url('img/bodybg.gif') repeat-x; margin:0 auto; text-align:left; width:972px}
#sitename {background:url('img/leaves_USBY.jpg') no-repeat top center; color:#ffffff; font-weight:400; height:130px; text-align:center; margin-left:20; margin-right:0px; margin-top:0; margin-bottom:10px}
#sitename h1 {font-size:2.2em; margin:0; padding-top:20px;}
#sitename span {font-size:1.6em; letter-spacing:-1px; margin:0;}

/* Main menu */
#nav {background:url('img/greypx.gif') repeat-x bottom left; float:left; width:972px}
#nav  ul {list-style:none; margin:0; padding:0;}
#nav  a {background:url('img/tabs.gif') no-repeat 100% 0; color:#808080; display:block; font-size:1.2em; letter-spacing:-1px; text-decoration:none; padding-left:11px; padding-right:20px; padding-top:7px; padding-bottom:4px}
#nav  a:hover {color:#505050; text-decoration:none;}
#nav li {background:url('img/tabs.gif') no-repeat 0 0; float:left; margin-left:0; margin-right:4px; margin-top:0; margin-bottom:0; padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0}
#nav #current {background:url('img/tabs.gif') no-repeat 0 -41px;}
#nav #current a {background:url('img/tabs.gif') no-repeat 100% -41px; color:#303030; padding-left:11px; padding-right:20px; padding-top:7px; padding-bottom:5px}

/* Wrap variations */
#wrap1 {background:#ffffff url('img/innerbg.gif') repeat-y; border-bottom:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #808080; clear:both; padding:0; width:970px}
#wrap2 {background:url('img/header.jpg') no-repeat top left; padding:10px; width:950px}

/* Header */
#header {height:30px; position:relative; width:950px;}
#header h1 {float:left; font-size:1.4em; margin:0; width:180px;}
#topbox {color:#808080; margin:0 0 4px; text-align:right;}
#topbox a {color:#d04a10;}
#topbox a:hover {text-decoration:underline;}

/* Sidebars */
#leftside {float:left; margin:-15px 0 0; width:190px;}
#leftside h1 {font-size:1.4em; font-weight:700;}
#rightside {float:right; margin: 40px 0px 20px 10px; width:180px;}
#rightside h1 {font-size:1.4em; font-weight:700; margin: 15px 0px 5px;}
#rightside p {font-size:0.9em; margin:2px 0 12px 10px;}
#rightside img {border:1px solid #fa9035; margin:10px 0 5px 5px; padding:2px;}

/* Main content */
#content {margin: -25px 210px 0 230px;}
#contentalt {margin:-25px 15px 0 230px;}
#contentalt2 {margin:-25px 15px 0 15px;}
#content p, #contentalt p, #contentalt2 p {text-align:justify; margin:8px 0 0 10px;}
#content h1, #contentalt h1, #contentalt2 h1 {text-align:center; color:#505050; font-size:2em; font-weight:400; margin:15px 0 20px; padding:0;}
#content h2, #contentalt h2, #contentalt2 h2 {color:#505050; font-size:1.5em; font-weight:400; margin:20px 0 10px; padding:0;}
#content h3, #contentalt h3, #contentalt2 h3 {color:#505050; font-size:1.2em; font-weight:700; margin:5px 0 10px; padding:0;}
#content img, #contentalt img, #contentalt2 img {border:1px solid #fa9035; float:left; margin:5px 15px 6px;}

/* Footer */
#footer {clear:both; color:#a0a0a0; font-size:0.9em; height:26px; margin-top:20px; padding:1px; text-align:right; width:950px;}
#footer a {color:#a0a0a0; font-weight:400;}
#footer a:hover {color:#a0a0a0; text-decoration:underline;}

/* Additional classes */
.menublock {margin-bottom:10px;}
.nav {color:#d04a10; display:block; font-size:1.1em; font-weight:700; margin-bottom:1px; padding:2px 2px 2px 10px; position:relative; text-decoration:none; width:165px;}
.nav:hover {border:1px solid #fa9035; color:#505050; padding:1px 1px 1px 9px; text-decoration:none;}
.sub {font-size:0.9em; margin-left:20px; padding:1px 1px 1px 6px; width:105px;}
.sub:hover {border:1px solid #fa9035; color:#505050; padding:0 0 0 5px;}
.intro {font-weight:700;}
.active {border:1px solid #fa9035; padding:1px 1px 1px 9px;}
.box {background:#f8f8f8 url('img/boxbg.gif') repeat-y top left; border:1px solid #d0d4d4; color:#505050; margin:15px auto; width:90%; padding-left:20px; padding-right:10px; padding-top:0px; padding-bottom:10px}
.photo {margin:5px auto 15px; padding:5px;}
.smallcaps {font-variant:small-caps;}
.mini {color:#a0a0a0; font-size:0.75em; font-weight:400; line-height:1.2em; margin:20px 0 10px 8px;}
.small {font-size:0.90em;}
.large {font-size:1.4em;}
.soft {color:#808080;}
.normal {font-weight:400;}
.sharp {color:#101010;}
.center {text-align:center;}
.hide {display:none;}


// BOF CSS table

table {
border:3px solid #6495ed;
border-collapse:collapse;
width:90%;
margin:auto;
}
thead, tfoot {
background-color:#D0E3FA;
//background-image:url('img/sky.jpg');
border:1px solid #6495ed
}
tbody {
background-color:#FFFFFF;
border:1px solid #6495ed;
}
th {
//font-family:monospace;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
background-image:url('img/sky.jpg');
//width:25%;
text-align:center;
}

th.sky {
//background-image:url('img/sky.jpg');
border:0px dotted #6495ed;
width:10%
}

th.sky2 {
//background-image:url('img/sky.jpg');
border:0px dotted #6495ed;
width:25%
}


td {
font-size:90%; font-family:Georgia, Verdana, Tahoma, Arial, sans-serif; 
border:1px solid #6495ed;
padding:3px;
text-align:center;
}

td.rien {
font-size:90%; font-family:Georgia, Verdana, Tahoma, Arial, sans-serif; 
border:0px solid #6495ed;
padding:3px;
text-align:center;
}



caption {
font-family:sans-serif;
}

// EOF CSS table




// BOF CSS POPUP
#menu {position:relative; top:0px; left:0px; width: 50px;z-index:450;}
#menu a.p1, #menu a.p1:visited {display:block; width:25px; height:25px; text-decoration:none; background:#fff; top:0; left:0; border:0px none;}
#menu a img {border:0px none;}
#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large {display:block; position:absolute; width:1px; height:1px; border:0px; top:-1px; left:-1px;}
#menu a.p1:hover .large {display:block; position:absolute; top:75px; left:350px; width:300px; height:375px; border:2px solid #5796FA;}

#menu a.p2, #menu a.p2:visited {display:block; width:25px; height:25px; text-decoration:none; background:#fff; top:0; left:0; border:0px none;}
#menu a.p2:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a.p2:hover .large {display:block; position:absolute; top:75px; left:350px; width:300px; height:375px; border:2px solid #5796FA;}

// EOF CSS POPUP