/*
Name: Sliding Login Panel with jQuery 1.3.2
Author: Jeremie Tisseau
Author URI: http://web-kreation.com/
Date: March 26, 2009
Version: 1.0
*/

/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

/* Panel Tab/button */

a.insc_prochain_depart{
	color: #0099CC;
}

a.insc_prochain_depart:hover{
	text-decoration: underline;
}

.prochain_depart{
    background-image: url("../images/pdep.bmp");
	position: absolute;
	top: 244px;
	left: 510px;
	text-align: left;
    z-index: 30;
}

.label_prochain_depart
{
    font-size: 11px;
  	font-weight: bold;
    color: #000000;
}
.texte_prochain_depart
{
    color: #555555;
}

.fleche_dates
{
	position: absolute;
	top: 295px;
	left: 508px;
	z-index: 40;
}

#dates
{
	background: #004040;
	position: absolute;
	top: 10px;
	left: 1px;
}

#dates td
{
	background: #004040;
}

.dates_interne
{
	background: #004040;
}
.dates_interne td
{
	background: #004040;
	color: #ffffff;
}

.tog{
	background: #0b7170;
	position: absolute;
	width: 290px;
	height: 22px;
  	font-weight: bold;
	top: 313px;
	left: 500px;
	text-align: center;
    z-index: 30;
}

.tog a.open {
	color: #ffffff;
	font-size: 11px;
    position: relative;
    top: 4px;
}

.tog a.close {
	color: #ffd700;
    position: relative;
    top: 4px;
}

.tog a:hover.open {color: #ffd700;}
.tog a:hover.close {color: #ffffff;}


/* sliding panel */
#toppanel {
    position: absolute;
    top: 0;
    width: 800px;
    z-index: 999;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#panel {
	width: 800px;
	height: 237px;
	/*background: #004040;*/
    background-image: url(../images/bkg_dates.png);
	background-repeat: repeat;
	overflow: hidden;
	position: relative;
	z-index: 3;
	display: none;
}