/******************************************************************/
/* CalD.css
/*
/* This file contains general styles used throughout the
/* CalamarData web site
/*
/******************************************************************/

/******************/
/* Generic styles */
/******************/

body
{
  color: #394c5e;
  margin:0px;
  padding:2px;
  padding-top:6px;
  font-family: Trebuchet MS, Arial, Geneva, Swiss, SunSans-Regular;
  font-size: 9pt;
  text-decoration: none;
  scrollbar-arrow-color: #993737;
  scrollbar-face-color: #FFFFFF;
  scrollbar-shadow-color: #883333;
  scrollbar-track-color: #EEEEEE;
  scrollbar-darkshadow-color: #883333;
  background-image: url(../images/bg.jpg);
  background-repeat: repeat;  
  background-attachment: scroll;
  line-height:120%;
}

table
{
  color: #394c5e;
  border-collapse: collapse;
  margin:auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding:0px;
  font-family: Trebuchet MS, Arial, Geneva, Swiss, SunSans-Regular;
  font-size: 9pt;
  text-decoration: none;
  border:none;
  line-height:120%;
}

br
{
  line-height:70%;
}

td
{
  margin:0px;
  padding:0px;
  border:none;
}

img
{
  margin:0px;
  padding:0px;
  border:none;
}

a
{
  color:#993333;
  text-decoration: none;
}

a:hover
{
  color: #993333;
  text-decoration: underline;
}

ol
{
  margin: 0px 0px 0px 26px;
  padding: 0px 0px 0px 10px; 
}

ul
{
  margin: 0px 0px 0px 26px;
  padding: 0px 0px 0px 10px; 
}

p.Gray, .text
{
  color: #394c5e;
  text-align:left;
}

/*********************/
/* Specific styles   */
/*********************/

img.inText
{
  float: left;
  margin: 3px;
  margin-left: 1px;
  margin-top: 0px;
}

img.inTextRight
{
  float: right;
  margin: 3px;
  margin-left: 1px;
  margin-top: 0px;
}

td.text
{
  padding: 3px;
}

td.foot
{
  text-align:center; 
  border-top:solid 1px #394c5e;
}

.redBoxTop
{
  border: solid 1px #8a1623;
  background-color: White;
}

.redBox
{
  margin-top: 4px;
  border: solid 1px #8a1623;
  background-color: White;
}

.redTitle
{
  border: solid 1px #8a1623;
  background-color: #8a1623;
  color: White;
  font-weight: 600;
  padding-top:2px;
  padding-left: 3px;
}

.newsBox
{
  margin-top: 4px;
  border: none;
  background-color: Transparent;
}

.newsTitle
{
  border: none; 
  padding-top: 3px;
  padding-bottom: 1px;
  background-color:#495c6e;
  color: white;
  font-weight: 600;
  text-align: center;
}

.newsText
{
  padding-top : 5px;
  padding-bottom: 8px;
  padding-left: 4px;
  background-color: Transparent;
  color: #495c6e;
  text-align: left;
}

.bounding
{
  background-color: #495c6e;
  padding: 2px 3px 1px 9px;
}

.grayBg
{
  background-color: #495c6e;
}

table.grayBg
{
  margin: auto;
  margin-top: 0px;
  margin-bottom:0px;
  width: 940px;
}

table.grayBg2
{
  margin: auto;
  margin-top: 0px;
  margin-bottom:0px;
  width: 940px;
}

.exponent, .sup
{
  position:relative;
  font-size:8pt;
  top:-3px;
}

.plusinfo
{
  position:relative;
  top:3px;
}

.introTitle
{
  color: #394c5e;
  font-style: italic;
}

.mainTitle
{
  display:block;
  color: #394c5e;
  font-weight: 600;
  padding-bottom:6px;
  padding-top:6px;
}

.moduleTitle
{
  color: #8a1623;
  font-weight: 600;
}

.b
{
  font-weight:600;
}

.i
{
  font-style:italic;
}

.barTitle
{
  display:block;
  background-color: #495c6e;
  width:100%;
  color:White;
  font-weight:600;
  text-align:center;
} 

.barTitle2
{
  background-color: #495c6e;
  width:100%;
  color:White;
  font-weight:600;
  text-align:center;
  border: solid 1px black;
} 

.barTitleRed
{
  display:block;
  background-color: #8a1623;
  width:100%;
  color:White;
  font-weight:600;
  text-align:center;
} 

.calendrier
{
  margin: auto;
  width: 630px;
  background-color: White;
}

.jour
{
  padding:2px 2px 0px 2px;
  width: 100px;
  text-align: left;
  vertical-align: top;
  border: solid 1px black;
  height: 35px;
}

.jour span
{
  padding: 0px 1px 0px 1px;
  border:solid 1px #495c6e;
  font-size: 8pt;
}

.ferie
{
  width: 65px;
  background-color: #8C9EB1;
  font-weight:600;
}

.centered2
{
  width: 100px;
  padding:2px 2px 0px 2px;
  text-align:center;
  border: solid 1px black;
  background-color: #8C9EB1;
  font-weight:600;
  font-size: 8pt;
}

.centered3
{
  padding:10px 20px 10px 20px;
  text-align:center;
}

.centered
{
  text-align:center;
  width:100%;
  height: auto;
}

.li
{
  display:list-item;
  list-style-type:decimal;
}

.li2
{
  display:list-item;
  list-style-type:disc;
}

.red
{
  color: #8a1623;
}

.redBk
{
  background-color: #8a1623;
  color: White;
  vertical-align: top;
  cursor: hand;
}

a.redBk
{
  font-weight: 300;
}
a.redBk:hover
{
  text-decoration: underline;
  color: White;
}

td.heure
{
  width:20%;
  text-align:right;
  padding-right:10px;
}

td.sujet
{
  width:80%;
  text-align:left;
}

.framed
{
  border-style: solid;
  border-width: 1px;
  border-color: #394c5e;
  padding: 4px;
  background-color: White;
}

.floatLeft
{
  font-weight: 300;
  float: left;
  padding: 0px 1px 0px 1px;
  border:solid 1px white;
  font-size: 8pt;
  z-index: 10;
}
