body{
  padding:30px 0 0 0;
}

#page {
 width: 800px;
 margin-left: auto;
 margin-right: auto;   
}

#header{
 width:800px;
 height:60px;
 background-image: url("../images/interface/titleBarBG.jpg");
 background-position: 0 0;
 background-repeat: repeat-x;
 clear:both;
 margin:0;
 padding:0;
}

#logo{
 float:left;
 height:50px;
 background-image: url("../images/interface/titleBarBG-left.jpg");
 background-position: 0 -1px;
 background-repeat: no-repeat;
 padding:10px 0 0 20px;
 width:180px;
}

#header-content{
 height:60px;
 background-image: url("../images/interface/titleBarBG-right.jpg");
 background-position: right;
 background-repeat: no-repeat;
 padding:0 0 0 0;
 margin:0 0 0 0;
 float:left;
 width:600px;
}

#footer{
 width:800px;
 height:60px;
 background-image: url("../images/interface/footerBG.jpg");
 background-position: 0 0;
 background-repeat: repeat-x;
 clear:both;
}

#footer-left{
 float:left;
 background-image: url("../images/interface/footerBG-left.jpg");
 background-position: 0 0;
 background-repeat: no-repeat;
 width:33%;
 height:60px;
 padding:10px 0 0 0;
 text-align:center;
}

#footer-left a{
 display:block;
 width:66px;
 height:18px;
 background-image: url("../images/interface/logoCC.gif");
 background-position: center top;
 background-repeat: no-repeat;
 margin:5px 0 0 0;
}

*>#footer-left a{
 margin:5px 0 0 100px;
}

#footer-left a:hover{
 display:block;
 width:66px;
 height:18px;
 background-position: center -19px;
}

#footer-center{
 width:34%;
 float:left;
 text-align:center;
 padding: 14px 0 0 0;
}

#footer-center a{
 display:block;
 width:99px;
 height:33px;
 background-image: url("../images/interface/creative-commons.jpg");
 background-position: center top;
 background-repeat: no-repeat;
 margin:5px 0 0 0;
}

*>#footer-center a{
 margin:3px 0 0 75px;
}

#footer-center a:hover{
 background-position: center -33px;
}

#footer-right{
 float:left;
 background-image: url("../images/interface/footerBG-right.jpg");
 background-position: right;
 background-repeat: no-repeat;
 width:33%;
 height:52px;
 text-align:center;
 padding:8px 0 0 0;
}

#footer-right a{
 display:block;
 width:131px;
 height:25px;
 background-image: url("../images/interface/logoParticiper.gif");
 background-position: center top;
 background-repeat: no-repeat;
 margin:5px 0 0 0;
}

#footer-right a:hover{
 background-position: center -25px;
}

*>#footer-right a{
 margin:5px 0 0 60px;
}

#content{
 position:relative;
 width:798px;
 clear:both;
 margin:1px 0 1px 0;
 border:1px solid #666666;
}

#leftMenu{
 float:left;
 width:159px;
 margin:1px 0 1px 0;
 border:1px solid #666666;
}

#rightContent{
 float:left;
 width:636px;
 margin:1px 0 1px 1px;
 border:1px solid #666666;
}

#inner{
 position:relative;
 margin:-1px 0 0 -1px;
 background-image: url("../images/interface/cornerTL.jpg");
 background-position: 0 0;
 background-repeat: no-repeat;
 width:100%;
}

#inner h1{
 position:relative;
 display:block;
 margin:0 -1px 0 4px;
 background-image: url("../images/interface/cornerTR.jpg");
 background-position: top right;
 background-repeat: no-repeat;
 width:796px;
 height:10px;
}

#leftMenu #inner h1{
 width:157px;
}

#rightContent #inner h1{
 width:634px;
}

#abstract-container{
 position:relative;
 margin:-1px 0 -1px -1px;
 background-image: url("../images/interface/cornerBL.jpg");
 background-position: left bottom;
 background-repeat: no-repeat;
 width:798px;
}

#leftMenu #abstract-container{
 width:159px;
}

#rightContent #abstract-container{
 width:634px;
}

#abstract{
 position:relative;
 display:block;
 margin:0 -1px 0 4px;
 background-image: url("../images/interface/cornerBR.jpg");
 background-position: bottom right;
 background-repeat: no-repeat;
 width:756px;
 clear:both;
 padding:20px;
 text-align:center;
}

#leftMenu #abstract{
 width:137px;
 padding:0 10px 10px 10px;
}

#rightContent #abstract{
 width:614px;
 padding:0 10px 10px 10px;
}

a.project{
 display:block;
 padding:0 0 0 0;
 text-align:center;
 font-family:"Trebuchet MS";
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
 color:#DDDDDD;
 float:left;
}

a.project img{
 display:block;
 clear:both;
 padding:0 10px 0 10px;
}

a.project p.text-new-project{
 
}

a.project:hover{
 color:#666666;
}

.objects{
 margin-left:auto;
 margin-right:auto;
 text-align:center;
 clear:both;
 width:134px;
}

div#fadeElt{
 background-color:blue;
}


#windowShadow{
 position:absolute;
 top:104px;
 left:204px;
 background-color:#666666;
 width:450px;
 height:320px;
 z-index:0;
 display:none;
}

#windowContent{
 position:relative;
 top:-280px;
 left:200px;
 border:1px solid #666666;
 background-color:#FFFFFF;
 width:450px;
 height:320px;
 z-index:1;
 display:none;
}

#windows-title{
 font-weight:bold;
 padding:3px;
 color:#333333;
 border-bottom:1px solid #666666;
 background-color: #E0E0E0;
 width:280px;
 float:left;
}

#windows-actions{
 background-color: #FFFFFF;
 border-bottom:1px solid #666666;
 width:158px;
 float:left;
 padding:1px 3px 0 3px;
 text-align:right;
 background-image: url("../images/interface/bg-title-window.jpg");
 background-position: top left;
 background-repeat: repeat-y;
}

a#close-btn{
 float:right;
 display:block;
 width:19px;
 height:19px;
 background-image: url("../images/interface/btn-close.gif");
 background-position: top right;
 background-repeat: no-repeat;
}

a#close-btn:hover{
 background-position: bottom right;
 background-color:#FFFFFF;
}

#contentWindow{
 clear:left;
}

#dialWindow{
 position:absolute;
 display:block;
 top:180px;
 left:200px;
 width:459px;
 height:303px;
 background-image: url("../images/interface/blank.gif");
 background-position: top right;
 background-repeat: no-repeat;
 z-index:10;
}

*> #dialWindow{ 
 background-image: url("../images/interface/fenetre.png");
}

#dialWindow {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/interface/fenetre.png', sizingMethod='scale'); }

#dialWindow h1{
 padding:18px 0 0 20px;
}


a#close{
 position:absolute;
 top:189px;
 left:625px;
 display:block;
 width:20px;
 height:21px;
 cursor:pointer;
 z-index:10;
}


a#close:hover{ 
 background-image: url("../images/interface/btn_close2.gif");
 background-position: top right;
 background-repeat: no-repeat;
}

#dialWindowContent{
 position:absolute;
 width:407px;
 height:215px;
 top:220px;
 left:225px;
 text-align:center;
 padding:10px 0 0 0;
 z-index:10;
}

#dialWindowContent h1.warning{
 padding:10px 15px 15px 40px;
 background-image: url("../images/interface/warning-ico.gif");
 background-position: top left;
 background-repeat: no-repeat;
 text-align:center;
 width:50%;
 margin-left:auto;
 margin-right:auto;
 z-index:10;
}

#dialWindowContent p{
 padding:20px 10px 10px 20px;
}

#dialWindowContent a{
 display:block;
 font-weight:bold;
 background-image: url("../images/interface/correct-ico.jpg");
 background-position: top left;
 background-repeat: no-repeat;
 width:59px;
 height:70px;
 padding:52px 0 0 0;
 margin-left:auto;
 margin-right:auto;
}

#dialWindowContent a:hover{
  background-position: 1px 1px;
}

#region-map{
 width:70px;
 height:129px;
 float:left;
 background-image: url("../images/interface/map-alsace.gif");
 background-position: top left;
 background-repeat: no-repeat;
 margin:10px 0 0 0px;
}

#region-map a#bas{
 display:block;
 width:70px;
 height:46px;
 padding:24px 0 0 3px;
 color:#333333;
 font-weight:bold;
 text-align:center;
}

#region-map a#bas:hover{
 background-image: url("../images/interface/bas-rhin.gif");
 background-position: -1px -2px;
 background-repeat: no-repeat;
}

#region-map a#haut{
 display:block;
 position:relative;
 width:55px;
 height:40px;
 padding:24px 15px 0 0;
 color:#333333;
 font-weight:bold;
 top:-10px;
 text-align:center;
}

#region-map a#haut:hover{
 background-image: url("../images/interface/haut-rhin.gif");
 background-position: bottom left;
 background-repeat: no-repeat;
}

#localisation,#observation, #caracteristiques{
 border:1px solid #999999;
 text-align:left;
 padding:5px 0 15px 20px;
}

legend{
 color:#333333;
 font-weight:bold;
 font-size:12px;
}


#mailles{
 float:left;
 width:300px;
 border-left:1px dotted #999999;
 border-right:1px dotted #999999;
 margin:15px 20px 0 20px;
 padding:15px;
}

select{
 float:left;
 width:130px;
 margin:3px;
 font-family:"arial";
 font-size:11px;
 color:#333333;
}

#coordonnees{
 float:left;
 margin:10px 0 0 0;
 width:170px;
}

.sized20{
 width:20px;
}

.emptyDiv{
 margin:0;
 padding:0;
}