html
{ 
}

body
{ background-image: url('images/bkg.gif');
  margin: 0px;
  padding: 0px;
  text-align: center;
  height: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

div
{ margin: 0px;
  padding: 0px;
  text-align: left;
}

pre
{ border: dashed 1px #c0c0c0;
  padding: 10px;
  background-color:#FEF9D8;
}

#page
{ position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 5px;
  width: 946px;
}

#content
{ float: left;
  width: 946px;
}

#main
{ float: left;
  width: 946px;
  background-image: url('images/main_bkg.gif');
}

#main_bottom
{ clear: both;
  height: 7px;
  width: 946px;
  background-image: url('images/main_bottom_bkg.gif');
  background-repeat: no-repeat;
  line-height: 7px;
}

/* ----------------------------------------------------------- HEADER ---------*/

#header
{ height: 37px;
  background-image: url('images/header.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 5px 0px 0px 0px;
  padding: 58px 0px 0px 0px;
}

#header_login
{ height: 37px;
  background-image: url('images/header_login.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 5px 0px 0px 0px;
  padding: 58px 0px 0px 0px;
}

#date
{ float: left;
  width: 220px;
  height: 19px;
  padding: 4px 0px 0px 290px;
}

#user
{ float: left;
  width: 296px;
  height: 19px;
  font-weight: bold;
  color: #FFFFFF;
  padding: 4px 0px 0px 10px;
}

#user .user_name
{ color: #000000;
}

#logout
{ float: left;
  width: 117px;
  height: 23px;
}

#logout a
{ text-decoration: none;
  display: block;
  width: 117px;
  height: 19px;
  margin: 0px;
  padding: 4px 0px 0px 0px;
  background-image: url('images/disconnect.gif');
  font-weight: bold;
  text-align: center;
  color: #000000;
}

#logout a:hover
{ background-image: url('images/disconnect_over.gif');
}

/* ----------------------------------------------------------- MENU ---------*/

#left
{ float: left;
  width: 278px;
  background-image: url('images/left_bkg.gif');
}

#left_top
{ width: 278px;
  height: 94px;
  background-image: url('images/left_top_bkg.gif');
}

#left h2
{ width: 278px;
  height: 46px;
  margin: 0px;
  padding: 0px;
}

#left ul.menu
{ list-style-type: none;
  background-color: #ffaa56;
  width: 252px;
  margin: 0px 0px 0px 16px;
  padding: 0px 0px 5px 0px;
}

#left ul.menu li
{ background-image: url('images/li_bkg.gif');
  height: 21px;
  width: 252px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#left ul.menu li a
{ text-decoration: none;
  color: #000000;
  padding: 0px 0px 0px 10px;
  line-height: 21px;
  font-weight: bold;
}

#left h2.publication
{ background-image: url('images/menu_publication.gif');
}

#left h2.referencement
{ background-image: url('images/menu_referencement.gif');
}

#left h2.statistiques
{ background-image: url('images/menu_statistiques.gif');
}

#left h2.sauvegarde
{ background-image: url('images/menu_sauvegarde.gif');
}

#last_save
{ width: 237px;
  height: 16px;
  background-image: url('images/last_save_bkg.gif');
  padding: 0px;
  margin: 0px 0px 0px 16px;
  font-size: 11px;
  padding: 0px 0px 0px 15px;
}

#left h2.visualisation
{ background-image: url('images/menu_visualisation.gif');
}

#left ul.menu_visualisation
{ list-style-type: none;
  background-image: url('images/menu_visualisation_bottom.gif');
  background-position: bottom;
  width: 252px;
  margin: 0px 0px 0px 16px;
  padding: 0px 0px 20px 0px;
}

#left ul.menu_visualisation li
{ background-image: url('images/li_visualisation_bkg.gif');
  height: 21px;
  width: 252px;
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#left ul.menu_visualisation li a
{ text-decoration: none;
  color: #000000;
  padding: 0px 0px 0px 10px;
  line-height: 21px;
  font-weight: bold;
}

#trash
{ text-align: right;
  padding-right: 10px;
}

#trash a
{ text-decoration: none;
}

#trash a img
{ border: none;
}

/* ----------------------------------------------------------- CONTENU ---------*/

#center
{ float: left;
  background-color: #ffffff;
  width: 648px;
  background-image: url('images/center_bkg.gif');
  padding: 0px 10px 0px 10px;
}

#center table
{ margin-top: 10px;
  width: 100%;
}

#center table tr, #center table th, #center table td
{ padding: 3px 10px 3px 10px;
  border: solid 1px #999999;
}

#center table th
{ background-color: #c0c0c0;
}

#center .default
{ width: auto;
}

#center .default tr, #center .default th, #center .default td
{ padding: 3px 10px 3px 10px;
  border: none;
}

.admin_rubriques
{ list-style-type: none;
  margin: 0px 0px 0px 50px;
  padding: 0px;
}

.admin_rubriques li.rubrique
{ list-style-image: url('images/folder.gif');
}

.admin_rubriques li
{ margin: 10px 0px 0px 0px;
  padding: 0px;
}

.admin_pages
{ list-style-image: url('images/link.gif');
  margin: 0px 0px 0px 30px;
  padding: 0px;
}

.admin_pages li
{ margin: 5px 0px 0px 10px;
  padding: 0px;
}

.admin_pages li.accueil, .admin_rubriques li.accueil
{ list-style-image: url('images/home.gif')
}

.admin_pages li a.pas_public
{ color: #666666;
}

.part
{ margin-top: 50px;
  border-bottom: solid 1px #c0c0c0;
  text-align: left;
}

.info
{ font-size: 10px;
  color: #666666;
}

.home_select
{ text-decoration: none;
}

.home_select img
{ border: solid 1px #c0c0c0;
  width: 10px;
  height: 10px;
  margin-right: 10px;
}

a.move
{ text-decoration: none;
}

a.move img
{ border: none;
}

.rename
{ border: solid 1px #c0c0c0;
  padding: 0 5px 0 5px;
  color: #383888;
}

/* ----------------------------------------------------------- DOCUMENTS ---------*/

#make_folder form, #up_file form
{ margin: 0;
  padding: 0;
}

#make_folder table td, #up_file table td
{ border: none;
}

#make_folder table, #up_file table
{ background-color: #FFFFCC;
  border: solid 1px #c0c0c0;
  margin: 0px 0 3px 0px;
}

#make_folder form input, #up_file form input
{ border: solid 1px #c0c0c0;
}

#mes_documents
{ margin: 30px 20px 10px 0px;
  padding: 10px 10px 10px 10px;
  border: solid 1px #c0c0c0;
  background-color: #FFFFCC;
  float: right;
  width: 560px;
}

.document
{ float: left;
  width: 100px;
  height: 130px;
  margin: 5px;
  text-align: center;
  overflow: hidden;
}

.document span
{ display: block;
  height: 100px;
  border: solid 1px #c0c0c0;
  background-color: #ffffff;
}

.document .commandes
{ height: 17px;
  border: solid 1px #c0c0c0;
  background-color: #ffffff;
  margin-top: 3px;
  text-align: right;
  padding: 3px 5px 0 0;
}

.document .file_commandes
{ position: relative;
  top: -101px;
}

.document .commandes a
{ text-decoration: none;
}

.document .commandes a img
{ border: none;
}

.clear
{ clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}

.document a.folder, .document a.folder_up, .document a.folder_drag
{ display: block;
  width: 100%;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center 30px;
  padding-top: 50px;
  z-index: 1000;
  text-decoration: none;
  color: #000099;
}

.document a.file_drag img
{ border: none;
}

.document div.file
{ height: 100px;
  text-align: center;
}

.document a.folder:hover, .document a.folder_up:hover, .document a.folder_drag:hover
{ background-color: #FFFF99;
}

.document a.folder, .document a.folder_drag
{ background-image: url("/simtic-share/cms/admin/images/folder.gif");
}

.document a.folder_up
{ background-image: url("/simtic-share/cms/admin/images/up.png");
}

.folder_drag, .file_drag
{ position: relative;
  z-index: 1000;
}

.file_drag
{ display: block;
  width: 100%;
  height: 100px;
  text-decoration: none;
  color: #000099;
  top: -101px;
  z-index: 1005;
  background-color: #999999;
  filter: alpha(opacity=0);
  -moz-opacity: .0;
}

#doc_info
{ position: fixed;
  display: none;
  top: 0px;
  left: 0px;
  border: solid 1px #000099;
  filter: alpha(opacity=75);
  -moz-opacity: .75;
  background: #ffffff;
  font-weight: bold;
  padding: 5px;
  z-index: 10000;
}

/* ----------------------------------------------------------- FOOTER ---------*/

#footer
{ clear: both;
  width: 946px;
  height: 29px;
  background-image: url('images/footer_bkg.gif');
  text-align: right;
  padding: 15px 0px 0px 0px;
}

a#simtic
{ text-decoration: none;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0px 15px 0px 40px;
}

pre
{ text-align: left;
}