@import "reset.css";

body {
  font                : 12px Verdana,Arial,sans-serif;
}

.out{
  left                : -999em;
  line-height         : 1px;
  position            : absolute;
  text-indent         : -999em;
}
.clear {
  clear               : both;
  font-size           : 0px;
}
input[type=radio] {
  margin-right        : 4px;
}
input[type=text], input[type=password], textarea, select {
  border              : 1px solid #666666;
}
input[type=text], input[type=password] {
  height              : 18px;
}
input[type=text], input[type=password], textarea {
  padding-left        : 3px;
  padding-right       : 3px;
}
select{
  height              : 20px;
}

input[type=text].form_err, input[type=password].form_err, textarea.form_err, select.form_err {
  border              : 1px solid #FF0000;
  background-color    : #FFC9C9;
}

/* GABARIT DES ONGLETS */

h2 {
  background-color    : #999999;
  color               : #FFFFFF;
  font-weight         : bold;
  padding             : 4px 10px;
  margin-top          : 20px;
  margin-bottom       : 10px;
  clear               : both;
}
h3 {
  color               : #999999;
  border-bottom       : 2px solid #999999;
  font-weight         : bold;
  font-size           : 12px;
}

#page {
  width               : 1000px;
  margin              : 0 auto;
}
#header {
  width               : 1000px;
  height              : 40px;
  background          : url("../images/logo_haut.gif") no-repeat scroll 0 0 transparent;
}
#header div {
  float               : left;
  margin-top          : 10px;
}
#header div.bonjour {
  margin-left         : 350px;
  width               : 300px;
}
#header div.deconnexion {
  width               : 350px;
  margin-top          : 8px;
  text-align          : right;
}


/* NAVIGATION : gestion des onglets */

#nav {
  display             : block;
}
#nav li {
  float               : left;
  padding             : 6px 10px 6px 32px;
  border              : 1px solid #666666;
  margin              : 2px 0 -1px 5px;
}
#nav li.accueil {
  background          : url("../images/nav_home.png") no-repeat scroll 3px 2px #CCCCCC;
}
#nav li.personnes {
  background          : url("../images/nav_liste.png") no-repeat scroll 3px 2px #CCCCCC;
}
#nav li.fiche {
  background          : url("../images/nav_fiche.png") no-repeat scroll 3px 2px #CCCCCC;
}
#nav li.lieux {
  background          : url("../images/nav_lieux.png") no-repeat scroll 3px 2px #CCCCCC;
}
#nav li.favoris {
  background          : url("../images/nav_liens.png") no-repeat scroll 3px 2px #CCCCCC;
}
#nav li.stats {
  background          : url("../images/nav_stats.png") no-repeat scroll 3px 2px #CCCCCC; /*#E96D6D;*/
}
#nav li.comptes {
  background          : url("../images/nav_comptes.png") no-repeat scroll 3px 2px #CCCCCC; /*#E96D6D;*/
}
#nav li.params {
  background          : url("../images/nav_param.png") no-repeat scroll 3px 2px #CCCCCC; /*#E96D6D;*/
}
#nav li.actif {
  margin-top          : 0;
  border-top          : 3px solid #F5D844;
  border-bottom       : 2px solid #FFFFFF;
  background-color    : #FFFFFF;
}
#nav li.actifadmin {
  margin-top          : 0;
  border-top          : 3px solid #FF0000;
  border-bottom       : 1px solid #FFFFFF;
  background-color    : #FFFFFF;
}
#nav li.nonactif {
  opacity             : 0.4;
}
#nav li.sep {
  margin-left         : 50px;
}

div.cadre {
  clear               : both;
  background-color    : #FFFFFF;
  border              : 1px solid #666666;
  padding             : 0 20px 20px 20px;
  margin-bottom       : 15px;
}

/* Messages */
div.msg_box_ko, div.msg_box_ok {
  margin-top          : 20px;
}

div.msg_box_ko div.msg_img, div.msg_box_ok div.msg_img {
  float               : left;
  padding             : 0 10px;
}
div.msg_box_ko div.msg_error, div.msg_box_ok div.msg_success {
  font-weight         : bold;
  padding-top         : 4px;
  padding-left        : 46px;
}
div.msg_box_ko div.msg_error {
  color               : #FF0000;
}
div.msg_box_ok div.msg_success {
  color               : #00A200;
}