﻿body { background-color: #DDDDDD; margin: 0 auto; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
table { font-size: 10px; }
h1, h2, h3, h4 { margin: 0; font-family: Tahoma, Arial, Helvetica, sans-serif; }
p { margin: 5px 0;  }
hr { border: 0; border-top: 1px solid #505050; height: 1px; }

a { text-decoration: none; color: black; font-weight:bold; }
a:visited { color: black; font-weight:bold; }
a:hover { text-decoration: underline; color: white; font-weight:bold; }
a:active { color: #FF6600; font-weight:bold; }

.content_link a { font-size: 10px; text-decoration: underline; color: black; font-weight:bold; }
.content_link a:visited { color: black; text-decoration: underline;}
.content_link a:hover { color: #FF6600; text-decoration: none;}
.content_link a:active { color: #FFCC00; text-decoration: none;}

img { border-width: 0; }

h1 { font: bold 16px 'trebuchet MS'; border-bottom: solid 1px #FF6600 ; color: #FF6600; padding: 10px 0 0 0; }
h2 { font: bold 12px verdana; color: black; margin: 5px 0; }
h3 { font: bold 12px verdana; color: #666666; margin: 5px 0; }

.linkbutton { padding: 4px; background-color: #FF6600; color: White; font: bold 12px verdana; border-bottom: solid 1px black; border-left: solid 1px #FFCC00; border-top: solid 1px #FFCC00; border-right: solid 1px black;  }

/* info-bulle */
    a.info { position: absolute; text-decoration: none; color: black; }
    a.info span { display: none; text-decoration: none;}
    a.info:hover { background: none; z-index: 500; text-decoration: none;}
    a.info:hover span { display:block; font: normal 8pt arial; display: block; width: 400px; position: relative; background: #e3f1ff; text-decoration: none; text-align: justify; color: #666666; padding: 5px; left: -411px; top: -24px; }


/*
a.info:hover>span {background-image:url(images/bgInfo.png);}  
a.info:hover span {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bgInfo.png",  sizingMethod="crop");}  
filter:alpha(opacity=50);
-moz-opacity:0.5;   
opacity: 0.5;  
*/

/* container */
div#container{ margin: 10px auto; width: 990px; min-width: 990px;background: url(Images/bg_content.jpg) repeat-y 100%; } 

/* header */
div#header { background: url(Images/bg_header.jpg) no-repeat; width:  990px; height: 115px; margin: 0; }


/* splash */
div#login_splash { background: url(Images/bg_content.jpg) repeat-y 100%; width: 970px; height: 151px; margin: 0; padding: 0 10px 0 10px; }
div#splash_image { float: left; margin: 0; background-color: #99CCFF; width: 802px; height: 150px; }
div#login { float: right; margin: 0; background: url('Images/bg_login.FR.jpg') no-repeat; width: 157px; height: 140px; padding: 5px 5px 5px 5px; }
.loginbutton { background: url('Images/bn_login.gif') no-repeat; width: 68px; height: 52px; border: 0; margin: 0 0 0 5px; padding: 0; }

/* navbar */
div#flags_navbar { background: url(Images/bg_content.jpg) repeat-y 100%; width: 970px; height: 24px; margin: 0; padding: 0 10px 0 10px; }
div#navbar { float: left; background: url(Images/bg_navbar.gif) repeat-x 100%; width: 790px; margin: 0; padding: 6px 0 6px 10px; border: 1px solid #545454; }
.navbar a { text-decoration: none; color: black; text-transform: uppercase; }
.navbar a:hover, .navbar a:active { color: #FF6600; }
div#flags { float: right; background-color: #0B244E; width: 167px; margin: 0; padding: 0;}

/* content */
div#content { width:  960px; min-height: 500px; margin: 0; padding: 0 15px 0 15px; }
div#SiteMapPath { padding: 5px 0 20px 5px;  } 

.main_block { float:left; width:231px; margin-right: 6px; }


/* footer */
#footer { background: url(Images/bg_footer.jpg) no-repeat; width: 990px; height: 45px; }

/* links */
#links { clear: both; background-color: #DDDDDD; text-align: center; color: black; font: bold 10px verdana; padding-top: 20px; }