/* 
 * $Header: /usr/local/cvs/ubikSite/carolRefDe.htm,v 1.5 2011-02-17 13:07:16 mathias Exp $
 * Company: UBIK S.A.
 * Author:  Mathias
 *
 * $Log: carolRefDe.htm,v $
 * Revision 1.5  2011-02-17 13:07:16  mathias
 * Pulse and BKP
 *
 * Revision:  $Revision: 1.5 $
*/
html, body {
  margin : 0;
  padding : 0;
}
img {
  border-width : 0;
}
body {
  font-family : Verdana, Arial, sans-serif;
  font-size : 85%;
  line-height : 1.3; 
  text-align : left;
  background : #757d88;
  padding-bottom : 20px;
}
p {
  margin : 0;
}
.left {
  text-align : left
}
.right {
  text-align : right
}
.center {
  text-align : center
}
h1, h2, h3, div.titre {
 /* 
font-style : normal, italic, oblique
font-variant : normal, small-caps
font-weight : normal, bold, bolder, lighter, 100, 200, .., 900
font-size/line-height : xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger, length, %
font-family
caption
icon
menu
message-box
small-caption
status-bar
font : normal normal 200% "Trebuchet MS", Arial, sans-serif
 */
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-family : "Trebuchet MS", Arial, sans-serif;
  color : #007bc4;
}
div.titre {
  float : left;
  width : 700px;
  padding: 15px 15px;
}
div.titre p {
  font-family : Verdana, Arial, sans-serif;
  font-size : 100%;
  line-height : 1.5; 
}
div#dummy {
  width : 100%;
  overflow : hidden;
  background : #595d66;
}
div#header {
  width : 950px;
  margin : 0 auto;
  background : #595d66;
}
div#headerLeft {
  width : 750px;
  float : left;
  display : inline;
}
div#headerLeft h1 {
  padding : 10px 0 0;
  color : #fff;
}
div#headerRight {
  width : 200px;
  float : right;
  display : inline;
}
ul {
  list-style-type : none;
  font-family : Verdana, Arial, sans-serif;
}
ul#language {
  padding : 0px;
  margin : 0px;
}
ul#language li {
  margin : 0px;
}
ul#language li a {
  text-decoration : none;
  color : #ffc;
}
ul.chapter {
  padding : 0px;
  margin : 0px;
}
ul.chapter li {
  margin : 0px;
  padding : 5px 10px;
}
div#menu {
  clear : both;
  width : 950px;
  margin : 0 auto;
  background : #595d66;
}
ul#nav, ul#nav li {
  margin : 0px;
  padding : 0px;
}
ul#nav li {
  margin : 0px;
  padding : 0px;
}
ul#nav {
  float : right;
  font-size : 80%;
}
ul#nav li {
  float : left;
  margin-left : 3px;
  text-align : center;
}
ul#nav a {
  float : left;
  width : 95px;
  padding : 5px 0;
  background : #369a3d;
  text-decoration : none;
  color : #ffc;
}
ul#nav a:hover {
  background : #cdffa1;
  color : #006a35;
}
ul#nav li.activelink a, ul#nav li.activelink a:hover {
  background : #fff;
  color : #003;
}
div#container {
  width : 950px;
  margin : 0 auto 10px;
  padding : 20px 0 10px;
  background : #fff;
}
div.content {
  float : left;
  width : 930px;
  margin : 0 0 10px 10px;
}
div.content p {
  margin-left : 10px;
}
div.content h2 {
  margin : 20px 0;
}
div.date {
  float : left;
  width : 4em;
  padding : 5px 0;
  background : #f1ddc4;
  color : #b0001e;
  text-align : center;
  margin : 0 4px 4px 0;
  font-size : 80%;
  line-height : 0.9;
}
div.date span {
  display : block;
  font-size : 150%;
  font-weight : bold;
}
div.comments h1, div.comments h2, div.comments h3 {
  color : #000000;
}
div.comments div.even {
  background : #eee;
  margin-bottom : 10px;
}
div.comments p {
  padding : 10px;
  margin : 0;
}
div.comments div.odd {
  background : #dae6fe;
}
div.comments h3 {
  font-size : 150%;
  font-weight : normal;
}
ul#prod {
  overflow : hidden;
  margin-left : 10px;
  padding : 0px;
}
ul#prod li {
  float : left;
  width : 27%;
  margin : 0px 10px;
  padding : 10px 18px;
}
li#Carol {
  background : #e65714;
}
li#Class {
  background : #42b4ac;
}
li#Affaires {
  margin-right : 0;
  background : #7d63a9;
}
ul#prod li p, ul#prod li h3 {
  margin : 0;
  padding : 3px 10px;
}
ul#prod h3 {
  color : #fff;
}
div#side {
  float : right;
  width : 200px;
  background : #f3cf00;
  margin : 0 10px 10px 0;
}
div#side p, address, h3 {
  margin : 10px 0;
  padding : 0 10px;
}
div#side div {
  margin : 0 0 10px;
  padding : 10px 0;
}
div#footer {
  clear : both;
  width : 930px;
  margin : 0 10px 0;
  padding : 10px 0;
  background : #586695;
  color : #fff;
  text-align : center;
}
div#footer p {
  margin : 0;
}
div#w3c {
  width : 950px;
  margin : 0 auto 0;
  padding : 10px 0;
}
div#w3c p {
  margin : 0;
}
address em {
  font-style : italic;
  font-weight : bold;
  font-size : larger;
}
ul#welcome {
  width : 60%;
  overflow : hidden;
  margin : 0px;
  padding : 0px;
}
ul#welcome li {
  width : 180px;
  margin-right : 10px;
  padding : 10px 0;
}
div#left {
  float : left;
  display : inline;
  width : 300px;
  margin : 0 0 10px 10px;
}
div#right {
  float : right;
  display : inline;
  width : 400px;
  margin : 0 10px 10px 0;
}
table {
  text-align : left;
  margin : 5px 10px;
}
table#releaseList caption {
  caption-side : top;
  margin : 5px 20px;
  padding : 5px;
  font-size : 150%;
  font-weight : normal;
}
table#releaseList td,th {
  padding : 2px 15px;
}
table#takerList caption {
  caption-side : top;
  text-align : left;
  margin : 5px 20px;
  padding : 5px;
}
table#takerList thead {
  background : #c0c0c0;
  font-size : small;
  color : red;
}
table#takerList tbody {
  background : #c0c0c0;
  font-size : small;
  color : blue;
}
table#takerList th {
  padding : 7px 15px;
}
table#takerList td {
  padding : 2px 15px;
}
table#takerList th.ident, td.ident {
  text-align : center;
}
table#takerList td.ident, td.letter {
  font-weight : bold;
}
table#clubList thead {
  background : #c0c0c0;
  color : red;
}
table#clubList tbody {
  background : #c0c0c0;
  color : blue;
}
table#clubList th {
  padding : 15px 10px;
}
table#clubList td {
  padding : 5px 10px;
}
table#clubList td.center {
  text-align : center;
}
table#otherList thead {
  background : #c0c0c0;
  color : red;
}
table#otherList tbody {
  background : #c0c0c0;
  color : blue;
}
table#otherList th {
  padding : 15px 10px;
}
table#otherList td {
  padding : 5px 10px;
}
fieldset {
  width : 600px;
  margin-left : 50px;
  background : #f5f5f5
}
fieldset ul {
  padding : 0px;
}
fieldset li {
  margin : 10px 0;
}
fieldset label {
  float : left;
  text-align : right;
  width : 180px;
  padding-right : 20px;
}
fieldset p {
  float : right;
}
fieldset input.short {
  width : 70px;
}
fieldset input.long {
  width : 300px;
}
div#submenu {
  float : left;
  margin : 0 auto;
}
ul#subnav, ul#subnav li {
  margin : 0;
  padding : 0;
}
ul#subnav {
  float : left;
  font-size : 80%;
}
ul#subnav li {
  float : left;
  margin-left : 3px;
  text-align : center;
}
ul#subnav a {
  float : left;
  width : 120px;
  padding : 5px 0;
  text-decoration : none;
}
ul#subnav a.carol {
  background : #e65714;
  color : #e5e5e5;
}
ul#subnav a:hover.carol {
  background : #e69c15;
  color : #000;
}
ul#subnav li.activelink a.carol, ul#subnav li.activelink a:hover.carol {
  background : #f3cf00;
  color : #000;
}
ul#subnav a.class {
  background : #42b4ac;
  color : #fff;
}
ul#subnav a:hover.class {
  background : #43B561;  
  color : #000;
}
ul#subnav li.activelink a.class, ul#subnav li.activelink a:hover.class {
  background : #f3cf00;
  color : #000;
}
ul.square {
  list-style-type : square;
}
ul.square li {
}
ul.disc {
  list-style-type : disc;
}
.free {
	text-align : center;
  color : white;
  background-color : #64af54;
  text-decoration : underline;
  padding : 3%;
  font-weight : bold
}
.reserved {
	text-align : center;
  color : white;
  background-color : #7e4193;
  text-decoration : underline;
  padding : 3%;
  font-weight : bold
}
.dynamic {
	text-align : center;
  color : #7e4193;
  background-color : white;
  text-decoration:underline
}
.bolder {
  font-weight : bolder
}