/* basic */
* {margin: 0; padding: 0;}

/* {font-family:verdana,helvetica,arial,sans-serif;font-size:13px}*/

body {
font-size: 13px;
font-family:verdana, arial, helvetica, sans-serif;
color:#565275;
margin: 0;
padding: 0;
background:#ededf4;
}

p { 
font-family:verdana, arial, helvetica, sans-serif;
font-size: 13px;
margin-top: 0px; 
text-align: justify;
}

h1 {font-size:25px; font-weight:600;}
h2 {font-size:16px; font-weight:600;}
h3 {font-size:14px; font-weight:600;}
h4 {font-size:13px; font-weight:600;}

ul {
list-style-type: none;
width: 100%; /* précision pour Opera */
}

/* Debug */
/*--------*/

/*
table {border: 1px solid black}
td {border: 1px dotted gray}
div {border: 1px solid orange}
img, form {border: 1px dashed blue}
h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
ul {
border: 1px solid green;
list-style-type: none;
}
li {border: 1px solid lightgreen}
*/

/* Area */
/*-------*/

#conteneur {
position: absolute;
width: 100%;
}

#header {
height:130px;
}

/* Logo */
#logoIDE {
left:10px;
top:10px;
position: relative;
width:235px;
height:85px;
/*background-image:url(../image/logo_04102005.png);*/
background-image:url(../image/logo_14102005_filled.png);
background-repeat:no-repeat;
}

/* Image 51 Boetendael */
#imageEntry {
left:60px;
/*top:10px;*/
position: relative;
width:641px;
height:331px;
background-image:url(../2005_08_19/img_0102_b.jpg);
background-repeat:no-repeat;
/*background-attachment:fixed;*/
/*background-color:red;*/
}

/* Image Evaluation */
#imageEvaluation {
float: right;
margin-left:30px;
margin-right:5px;
width:201px;
height:131px;
background-image:url(../image/evaluation02.jpg);
background-repeat:no-repeat;
}

/* Image 51 Boetendael */
#imagePedestrian {
left:60px;
/*top:10px;*/
position: relative;
width:641px;
height:401px;
background-image:url(../image/PietonBrugman_01.jpg);
background-repeat:no-repeat;
/*background-attachment:fixed;*/
/*background-color:red;*/
}


/* L1 Selection */
#menuL1 {
position:absolute;
top:105px;
left:155px;
/*width:300px;*/
/*height:1px;*/
/*background-color:red;*/
}

#menuL1 li {
position:relative;
float:left;
}

#menuL1 a {
margin: 0 2px;
width:120px;
height:20px;
display:block;
text-align:center;
border:1px solid #565275;
text-decoration:none;
background:#fff;
color:#565275;
}

#menuL1 a:hover {
background:#cbc9d8;
}

#menuL1 a:active {
background:#cbc9d8;
}

/* L1 Language selection */
#languageSelect {
position:absolute;
top:10px;
left:700px;
width:1px;  /* Firefox */
height:0px;
}

#languageSelect li {
position:relative;
float:left;
}

#languageSelect a {
margin: 2px 0;
width:100px;
height:20px;
display:block;
text-align:center;
border:1px solid #565275;
text-decoration:none;
background:#fff;
color:#565275;
}

#languageSelect a:hover {
background:#cbc9d8;
}

#languageSelect a:active {
background:#cbc9d8;
}

/* L2 Area */

#center {
margin-top:18px;
margin-left:15px;
width:785px;
background:#fff;
padding:10px;
}

#center ul {
list-style-type: disc;
/*margin-left:15px;*/
}

#center li {
margin-left:15px;
}

/*
#logoXHTML {
position:relative;
float:left;
width:88px;
height:31px;
padding:4px;
background-color:gray;
background-image:url("http://www.w3.org/Icons/valid-xhtml10");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}

#logoCSS {
position:relative;
float:left;
width:88px;
height:31px;
padding:4px;
background-color:fuchsia;
background-image:url("http://jigsaw.w3.org/css-validator/images/vcss");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
*/

#footer {
height:30px;
text-align:center;
/*background-color: #99CC99;*/
}

#footer a:link, #footer a:visited { 
color:green;
/*margin-right: 20px;*/
}


.frame {
width: auto;
margin-left: 180px;
height: 338px;
overflow: auto;
font-size: 14px;
}