html, body{
  width:100%;
  height:100%;
  margin: 0px;
  padding:0px;


}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  height:100%;

}

.big {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;

}

.gauche ul {
  padding-left: 20px;
  margin-bottom: 5px;

}

.gauche li {
  padding-top: 2px;
  margin-bottom : 0px;


}
.gauche a {
  text-decoration: none;
  color: #2F2F2F;
  display:inline;
  padding-top : 2px;
  //padding-bottom: 2px;
  //width: 185px;
  display: inline-block;

}


 .gauche li.haschild {

  border none;
  margin:20px 5px 0px 0;
  padding-top: 2px;
  padding-bottom : 2px;

}

.gauche li.haschild > ul  {
   border-top:1px solid;
  padding-top: 10px;

}

.gauche li.lock {
  // background: url('/img/lock.png') no-repeat right center;
   list-style-image : url('/img/lock.png');

}

.gauche a.popup {
  background: url('/img/popup.png') no-repeat right center;
  width:16px;
  height:16px;
  padding: 0;
  margin:0;

}

a:hover {
  color: #C00;

}

.big {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform:uppercase;
  //text-align:center;

}

.gauche {
  font-family: Arial, sans-serif;
  color: #4B4A4A;
  
  position:relative;
  float:left;
  width:230px;
  margin-left:5px;
  height:100%;


}


#global{
  //height:100%;

}

.contenu{
  overflow:auto;
 // height:100%;
}

.calendrier{
  position:absolute;
  top:0px;
  width:78%;
  height:100%;
  min-height:400px;
  min-width:500px;

}

div.liens {
  border-top:1px solid;
  padding-top:5px;

}

div.liens ul, div.liens li{
  padding: 0;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  border:0;

}

div.liens ul{
  padding-left: 20px;
}

div.liens li {
  padding-top: 2px;
}