.ucmaree
{
    position : relative;
    margin : 0 auto;
    width : 190px;
}

.picker
{
  background-color: #FFFFFF;
  border: 1px #437DB4 solid;
  font-size: 10px;
  font-weight: bold;
  font-family: "Verdana",monospace;
  padding: 2px 0px 2px 0px;
  cursor: pointer;
  width : 99%;
}


.calendar td
{
  font-size:9px;
  padding : 2px 1px 2px 1px;
}

.title
{
	font-weight:bold;
  background-color:#8DBEDC;
}

.day
{
	width:25px;
  cursor:pointer;
  text-align:center;
  border-width:1px;
  border-color:#8DBEDC;
  border-style:solid;
}

.dayhover
{
	width:25px;
  cursor:pointer;
  text-align:center;
  text-decoration:underline;
  border-width:0px;
  background-color:#C3DCEA;
}

.dayheader
{
	width:25px;
  text-align:center;
  border-width:1px;
  border-color:#C3DCEA;
  border-style:solid;
  font-weight:bold;
  background-color:#C3DCEA;
}

.othermonthday
{
  color:#999999;
}

.outofrangeday
{
  visibility:hidden;
}

.selectedday
{
	width:25px;
  background-color:#C3DCEA;
  color:#000000;
  border-width:0px;
  font-weight:bold;
}

.calendar
{
  margin-top : 2px;
  border-style:solid;
  border-width:1px;
  border-color:#437DB4;
  border-collapse:collapse;
  background-color:#C3DCEA;
  cursor:default;
  width:100%;
}

.month
{
  background-color:#8DBEDC;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;
  margin-top:0px;
}

.nextprev
{
  cursor:pointer;
  height:25px;
  vertical-align:middle;
  padding:0px 5px 0px 5px;
}

.selector
{
  width:14px;
  cursor:pointer;
  text-align:left;
  vertical-align:middle;
  background-color:#FFFFFF;
}

table#tabmaree
{
    position : relative;
    margin-top : 2px;
    width : 100%;
    text-align : center;
    border-collapse : collapse;
}
table#tabmaree td
{
    position : relative;
    /*border-width : 0px;*/
    height : 15px;
    padding : 0px;
}
.mareehaute,
.mareematinsoir 
{
    background-color : #437DB4;
    color : #FFF;
}
.mareehaute td
{
    border-bottom : solid 1px #fff;
}
.mareehoraire
{
    background-color : #C3DCEA;
    color : #437DB4;
}
.mareeseparator
{
    position : absolute;
    left : 0px;
    top : 0px;
    width : 15px;
    height : 100% !important;
    height : 38px;
    background-image : url(images/point_bleu.GIF);
    background-repeat : repeat-y;
    background-position : top center;
}