* {
 margin : 0;
 padding : 0;
}

*.clear {
 clear : both;
}
body {
 font-size : 100.00%;
 font-family : Verdana, Geneva, "Bitstream Vera Sans", sans-serif;
 color : #000;
}

/* Starting header */

div#header {
 width : 100%;
 height : 295px;
}

div#footer {
 clear : both;
 margin-top : 20px;
 border-top : 1px solid black;
 font-size : 0.8em;
 text-align : center;
 padding-top : 10px;
}
div#header div#h_content{
 width : 990px;
 left : 50%;
 margin-left : -495px;
 position : absolute;
 background : url("./images/header.jpg")no-repeat ;
 height : 295px;
}
 div#header div#h_content a#home {
  position : absolute;
  left : 10px;
  display : block;
  width : 450px;
  height : 250px;
 }
 div#header div#h_content a#home span {
  display : none;
 }
 div#header div#h_content ul {
  list-style : none;
  position : absolute;
  left : 300px;
  top : 20px;
  height : 40px;
 }

 div#header div#h_content ul li.connected {
  font-size : 0.8em;
  font-style : italic;
  color : #000;
 }

 div#header div#h_content p {
  position : absolute;
  right : 15px;
  top : 120px;
  width : 300px;
  text-align : center;
  font-style : italic;
  color : #fff;
  font-size : 1.2em;	
 }

 div#header div#h_content ul li {
  float : left;

 }
  div#header div#h_content ul li a{
   line-height : 40px;
   font-size : 1.2em;
   
   letter-spacing : -1px;
   color : #000;
   text-decoration : none;
   padding : 0 20px
  }

/* End header */

/*
 * Container position 
 */
div#container {
 width : 990px;
 left : 50%;
 margin-left : -495px;
 position : absolute;
}

/*
 * Define title as element
 */
 div#container h1 {
  font-size : 1.4em;
  letter-spacing : -1px; 
  font-weight : normal;
  color : #4e70b8;
  margin : 10px 0;
 }
 div#container h2 {
  font-size : 1em;
  font-weight : normal;
  color : #4e70b8;
  letter-spacing : -1px;
  margin : 10px 0;
  font-family: Arial, sans-serif;
  border-bottom : 1px solid #4e70b8;
 }
 div#container p {
  font-size : 0.9em;
  margin : 5px 0;
  line-height : 20px;
  font-size : 0.8em;
 }
 div#container a {
  color : #2f59ad;
 }
 div#container li {
  font-size : 0.8em;
  line-height : 24px;
 }

/*
 * Starting upload 
 */
  
div#upload_map {
 float : left;
 width : 690px;
 height : 270px;
 margin-bottom : 20px;
}

/* Define upload button */
input.swfuploadbtn {
 display: block;
 width: 100px;
 padding: 0 0 0 20px;
}

li.SWFUploadFileItem {
	list-style : none;
	font-size : 0.8em;
	text-align : center;
	}
 .browsebtn {
  background: url(./images/button.jpg) no-repeat 0 4px;
  width : 173px;
  height : 59px;
  display : block;
  margin : 10px auto;
 }
 
 .browsebtn span {
  display : none;
 }
 .uploadbtn { 
  display: none;
  background: url(./images/accept.png) no-repeat 0 4px;
 }
    
 .cancelbtn { 
  display : none;
 }
    
 #cancelqueuebtn {
  display: none;
 }

 .fileUploading { color: #000; }
 .uploadCompleted { color: #000;  text-align : center; list-style : none;}
 .uploadCompleted p{
  font-size : 0.8em;
 }
 .uploadCompleted a {
  color : #000;
  font-weight : bold;
  font-size : 1.2em;
     }
 .uploadCancelled { color: #f77c7c; }
 .uploadCompleted .cancelbtn, .uploadCancelled .cancelbtn {
  display: none;
 }
 span.progressBar {
  width: 400px;
  margin-left : 130px;
  display: block;
  font-size: 10px;
  height: 4px;
  margin-top: 2px;
  margin-bottom: 10px;
  background-color: #f52929;
 }
/* End upload */
div.col_r,div.col_l {
 float : left;
 width : 330px;
 margin : 10px 0;
}
div#container div#col_r {
 float : right;
 width : 290px;	
}
div#container div#col_l {
 width : 690px;	
}
div#container div#col_r h1{
 margin-top : 0;	
}
div.urfile {
 width : 390px;
}

div#signin {
 background : url('./images/user.png') no-repeat 10px 10px #cfdbf4;
 padding : 7px 10px 10px 50px;
 border-top : 5px solid #2f497f;
}

div#error_msg {
 width : 930px;
 background : url('./images/stop.png') no-repeat 10px 10px #cfdbf4;
 padding : 7px 10px 10px 50px;
 border-top : 5px solid #2f497f;
 margin-top : 10px;
}

div#info_msg {
 width : 930px;
 background : url('./images/splash green.png') no-repeat 10px 10px #cfdbf4;
 padding : 7px 10px 10px 50px;
 border-top : 5px solid #2f497f;
 margin-top : 10px;
}

span.error_form {
 color : #AA0000;
 font-weight: bold;
 font-size : 0.9em;
}

div#dl_freemind {
 background : url('./images/archive.png') no-repeat 10px 10px #cfdbf4;
}

div#account_menu {
 background : url('./images/user.png') no-repeat 10px 10px #cfdbf4;
}

div#login {
 background : url('./images/lock.png') no-repeat 10px 10px #cfdbf4;
}
div#sys_req {
 background : url('./images/info.png') no-repeat 10px 10px #cfdbf4;

}
div.col_block {
 padding : 10px 10px 10px 50px;
 border-top : 5px solid #2f497f;
 margin : 10px 0;
}

div#sys_req ul {
	
}
div#sys_req ul li {
 font-size : 0.8em;
 list-style-type : none;
 list-style-position : outside;
 padding : 5px 0;	
}
div#sys_req ul li img {
 vertical-align : middle;	
}
div#sys_req ul li.flash {
 background : url('./images/flash.png') no-repeat;
}

div#latest_public {
 float : left;
 width : 330px;
 border-top : 5px solid #2f497f;
}
div#latest_news {
 margin-left : 10px;
 float : left;
 width : 330px;
 border-top : 5px solid #2f497f;	
}

div#latest_news li {
 font-size : 1em;	
}
div#latest_news li p.date {
 font-size : 0.7em;
 font-style : italic;
}

 div#login a {
  font-size : 1.2em;
  text-decoration : none;
  border-bottom : 1px dashed #2f59ad;
  
  letter-spacing : -1px;
 }
 div#login label {
  display : block;
  font-size : 0.8em;
  line-height : 30px;
 }
 div#login input {
  font-size : 1.1em;
  padding : 5px;
 }

div#create_account form {

}
 form.create_account label {
  font-size : 0.8em;
  display : block;
  line-height : 35px;
 }
 form.create_account input {
  padding : 5px;
  font-size : 1.2em;
 }
  form.create_account input.text {
   width : 350px;
  }
  form.create_account input.checkbox {
  line-height : 20px;
  }

    
 
div#msg_box.error {
 border : 2px solid #FF0000;
 padding : 10px;
 text-align :center;
 background : #FFDADA;
 margin : 10px 0;
 font-weight : bold;
 list-style : none;
}
div#msg_box.msg {
 border : 2px solid #00BF00;
 padding : 10px;
 text-align :center;
 background : #E0FF85;
 margin : 10px 0;
 font-weight : bold;
 list-style : none;
}

table.file_listing {
 border-collapse : collapse;
 width : 100%;
}
table.file_listing tr.full td {
 background : #DEDEDE;
}
table.file_listing td {
 font-size : 0.8em;
 height : 35px;
 line-height : 35px;
 padding : 5px;
}
table.file_listing th {
 font-size : 0.8em;
 text-align : left;
 border-bottom : 2px solid black;
}

table.file_listing td a span {
 display : none;
}
table.file_listing td a.edit {
 background : url('./images/pencil.png') no-repeat;
 padding : 0 8px;
}
table.file_listing th.status {
 width : 50px;
}
table.file_listing th.name {
 width : auto;
 text-align : left;
}
table.file_listing th.action, table.file_listing th.view {
 width : 20px;
 text-align : center;
}
table.file_listing th.date {
 width : 55px;
}

table.file_listing td a.view {
 background : url('./images/magnify.png') no-repeat;
 padding : 0 8px;
}

/* Paramètre de map */
form#file_info div.row{
  margin : 10px 0;
 }

  form#file_info input{
   font-size : 1.4em;
   padding : 5px;
  }

  form#file_info input.radio{
   margin : 0 10px 0 0;
   vertical-align : middle;
  }

  form#file_info div.row textarea{
   font-size : 1.4em;
   padding : 5px;
   width : 100%;
   height : 200px;
  font-family: Arial, sans-serif;
  }

  form#file_info table {
   border-collapse : collapse;
  }

  form#file_info table td{
   font-size:  0.8em;
   border : 1px solid #DEDEDE;
   padding : 10px;
  }

  form#file_info table td.status{
   width : 100px;
   font-weight : bold;
  }

  form#file_info table tr {
   margin : 10px 0;
  }

  form#file_info div.row label{
   display  : block;
   font-size : 0.8em;
   line-height : 25px;
  }

ul.latest_public {
 list-style : none;
}
 ul.latest_public li{
  font-size : 0.8em;
  
 }
ul.latest_public li.desc {
 height : 90px;
 display : block;
 overflow : auto;	
 
}
 
 div.map_preview {
  border : 1px solid grey;
  margin : 10px 0;
  width : 46%;
  padding : 1%;
  margin : 1% 1% 1% 0;
  background : #cfdbf4;
  float : left; 
  height : 140px;
 }
 div.map_preview_home {
  width : 95%;
  float : none;
 }
  div.map_preview .img {
   margin : 0 5px 0 0;
   float : left;
   width : 130px; 
   height : 130px;
   border : 2px solid #2f497f;
  }
  div#container div.map_preview h2 {
    font-weight : bold;
   font-size : 1.2em;
   margin : 0;
   padding : 0;
   border : none; 
  }
  div.map_preview h2 a {
   color : #2f497f;
   text-decoration : none;
   margin : 0;
   padding : 0;
  }