body {
   margin: 2px;
   padding: 0;
}
div {
   margin: 0;
   padding: 0;
}
span.bold {
   font-weight: bold;
}
span.upper {
   text-transform: uppercase;
   font-size: 70%;
}
span.initiale {
   margin-right: 3px;
   font-weight: bold;
}
img {
   border: 0;
}
#planet {
   z-index: 2;
   float: right;
}
#content {
   width: 410px;
   height: 500px;
   margin-top: 50px;
   padding: 5px 10px 5px 10px;
   overflow: auto;
   z-index: 1;
   text-align: center;
}
#content h1 {
   font-size: 120%;
}
#content h2 {
   font-size: 110%;
}
#content h1 a {
   text-decoration: none;
}

#content a {
   /*
   font-family: verdana;
   font-size: 80%;
   text-decoration: none;
   font-style: italic;
   */
}
#content a:hover {
   /*
   text-decoration: underline;
   font-style: normal;
   */
}
#plan {
   position: absolute;
   width: 800px;
   background: #ed1e79;
   top: 50%;
   left: 50%;
   margin-top: -240px;
   margin-left: -400px;
   padding: 0;
   border: 15px solid #ddd;
   border-radius: 10px;
   box-shadow: 0px 0px 20px #000;
   -moz-border-radius: 10px;
   -moz-box-shadow: 0px 0px 20px #000;
   -webkit-border-radius: 10px;
   -webkit-box-shadow: 0px 0px 20px #000;
}
#actu {
   overflow: auto;
   position: absolute;
   width: 480px;
   height: 400px;
   left: 50%;
   top: 50%;
   margin-left: -240px;
   margin-top: -200px;
   background: white;
   border: 1px black dotted;
   padding: 10px;
}
#actu img {
   border: 1px black solid;
   padding: 3px;
   margin-right: 2px;
}
#login #warning {
   width: 550px;
   text-align: justify;
   font-size: 80%;
   margin-bottom: 10px;
}
#login .label {
   width: 150px;
   text-align: right;
   margin-right: 0px;
   margin-bottom: 10px;
   float: left;
   display: block;
}
#login .clear {
   clear: both;
}
#login .button {
   width: 100px;
}
#signature {
   font-family: arial;
   font-size: 80%;
   height: 80px;
   overflow: hidden;
}
#signature a {
   font-size: 115%;
   text-decoration: none;
   font-style: italic;
}
#signature a:hover {
   text-decoration: underline;
   font-style: normal;
}
#liens, #liens a {
   color: white;
   font-size: 90%;
}
div.planning0 {
   background-color: #b4f88f;
}
div.planning1, div.planning2, div.planning3, div.planning4, div.planning5 {
   background-color: #ffbc2c;
}
div.planning6 {
   background-color: #ec4444;
}
div.planningday {
   height: 48px;
   width: 55px;
   float: left;
   border: 1px #aaaaaa solid;
   text-align: center;
   margin: 1px 1px 0px 0px;
   font-size: 55%;
   color: black;
}
div.planningpast {
   background-color: #cccccc;
}
div.planningempty {
   border: 0px;
   margin: 2px 2px 1px 1px;
}
img.btn_close {
   float: right;
   margin: -35px -35px 0 0;
}
table.recap {
   width: 100%;
}
table.recap td {
   text-align: left;
}
#resa_nav {
   text-align: center;
   margin-bottom: 50px;
}
#resa_nav div {
   color: white;
   border: 1px white dotted;
   width: 61px;
   padding-top: 5px;
   padding-bottom: 5px;
   float: left;
   margin-right: 2px;
   background-color: #888888;
}
#resa_nav div.cur {
   border: 1px #056fbb solid;
   background-color: #056fbb;
}
#resa_nav div.avail {
   border: 1px #056fbb dotted;
   background-color: #68bad2;
}
#info {
   font-size: 90%;
   padding: 9px;
   margin: 0;
   color: white;
   background: #3b2b77 url(/img/horaires-speciaux-2011-12.jpg) no-repeat center bottom ;
   xheight: 410px;
}
#info ul {
   margin: 0;
   padding-top: 0;
   padding-bottom: 0;
}
#info h1 {
   margin: 0;
   padding-top: 0;
   text-align: center;
}
#info p {
   text-align: justify;
}