/* css pour les pages principales */

body {
background: #999999 url("../imag/gradient_grayb.jpg") repeat-x left top;
font-size: 16px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-weight: bold;
color:#000000;
margin:0px;
padding: 0px;
}

h1 {
font-size: 18px;
text-transform:uppercase;
background-color: #346391;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
padding:5px 15px;
margin:0px }

h2 {
background-color: #4B7CAD;
border-bottom: 1px solid #346391;
border-top: 1px solid #346391;
border-left: 20px double #000000;
border-right: 20px double #000000;
color: #000000;
font-size:20px;
font-weight: normal;
padding: 0px;
margin:0px 100px 0px 100px;
text-align: center;
}

h3 {
font-size:12px;
/*text-transform:uppercase;*/
background-color: #346391;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
padding:5px 15px;
margin:0px }

h4 {
font-size:18px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h5 {
font-size:16px;
font-weight: bold;
padding: 0px 0px 0px 30px;
margin:0px;}

img.download {vertical-align:middle;}

/* ----------container zentriert das layout-------------- */
#container {
width: 960px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #4B7CAD;
}

/* ----------banner for logo-------------- */
#banner {
background-color: #4B7CAD;
/*background-color: #e1ddd9;*/
text-align: left;
padding: 0px;
margin: 0px;
}
#banner img {padding:10px 0px 10px 150px;} 

/* -----------------Inhalt--------------------- */
#content {
background-color: #FFFFFF;
padding: 0px;
margin-left: 200px;
margin-right: 0px;
}
div#content { 
min-height:640px;
height:expression(this.scrollHeight > 640 ? "auto":"640px"); 
}
#content a {color: #000FEF;text-decoration:none; 
border-bottom:1px dotted #000000; 
}
#content a:visited {color:#000FEF;text-decoration:none; 
border-bottom:1px dotted #000000; 
}
#content a:hover {color: #00B6EF;text-decoration:underline; }
#content a:active { color:#00E810;text-decoration:underline; }




#marge {
margin-right:10px;
}

p, pre{
padding: 5px 10px;
margin:0px;
}

/* --------------left navigavtion------------- */
#left {
float: left;
width: 200px;
margin: 0px 0px 0px 10px;
padding: 0px;
}

#left img {padding:5px 0px 10px 0px;} 
 #left p img {padding:0px 0px 0px 5px;} 
 
 /* --------------milieu navigavtion------------- */
#milieu {
float: left;
width: 750px;
margin: 0px 0px 0px 0px;
padding: 0px;
}
/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: center; 
}

#footer a {color: #000000;}
#footer a:visited {color:#000000;}
#footer a:hover {color: #4B7CAD;}
#footer a:active { color:#c8dff1;}

#Layer1{position:absolute; width:124px; height:123px; z-index:1; left: 650px; top: 460px; visibility: visible;}
#Layer2{position:absolute; width:70px; height:52px; z-index:2; left: 490px; top: 430px; visibility: visible;}
#Layer3{position:absolute; width:100px; height:46px; z-index:3; left: 540px; top: 350px; visibility: visible;}
#Layer4{position:absolute; width:102px; height:63px; z-index:4; left: 460px; top: 560px;visibility: visible;}
#Layer5{position:absolute; width:162px; height:72px; z-index:5; left: 550px; top: 650px;visibility: visible;}
#Layer6{position:absolute; width:118px; height:86px; z-index:6; left: 790px; top: 320px;visibility: visible;}
#Layer7{position:absolute; width:109px; height:70px; z-index:7; left: 880px; top: 430px;visibility: visible;}
#Layer8{position:absolute; width:131px; height:52px; z-index:8; left: 870px; top: 540px;visibility: visible;}
#Layer9{position:absolute; width:98px; height:52px; z-index:9; left: 810px; top: 630px;visibility: visible;}
#Layer10{position:absolute; width:35px; height:29px; z-index:10; left: 630px; top: 410px;visibility: visible;}
#Layer11{position:absolute; width:26px; height:23px; z-index:11; left: 660px; top: 600px;visibility: visible;}
#Layer12{position:absolute; width:22px; height:22px; z-index:12; left: 760px; top: 410px;visibility: visible;}
#Layer13{position:absolute; width:33px; height:24px; z-index:13; left: 770px; top: 590px;visibility: visible;}
#Layer14{position:absolute;  width:41px; height:38px; z-index:14; left: 800px; top: 450px;visibility: visible;}
#Layer15{position:absolute; width:43px; height:56px; z-index:15; left: 790px; top: 500px;visibility: visible;}
#Layer16{position:absolute; width:58px; height:36px; z-index:16; left: 560px; top: 450px;visibility: visible;}
#Layer17{position:absolute; width:54px; height:42px; z-index:17; left: 560px; top: 530px;visibility: visible;}

/*#fond{
background-color: #4B7CAD;*/

/*
#fond2{
background-image:url("imag/gradient_grayb.jpg") repeat-x fixed;
}
*/
#fond1 {background-color: #4B7CAD;}

#picturelist {
width:640px;
height:400px;
margin-top:40px;
margin-bottom:30px;
text-align:left;
margin-right:auto;
margin-left:auto;
/*background-color: #4B7CAD;*/
}

#picturelist li {
list-style:none;
float:left;
padding-left:10px;
margin-right:23px;
margin-bottom:10px;
font-weight:bold;
color:#777777;
text-align:center;
}

#picturelist img{
display:block;
/*border:2px solid #346391;*/
border:2px solid #000000;
}

/*#picturelist img:hover{
border:2px solid #F4C0DA;

}

#picturelist a{
color:#777777;
}

#picturelist a:hover{
color:#999999;
}*/