/*****************************************************************
* §1 : La colonne centrale Etendue                               *
******************************************************************/
#contenuCentralEtendu {
	width:764px;
	margin-left:30px;
	float:left;
}

#contenuCentralEtendu form.demiLargeur { width:382px; float:left;}

/* Les titres */
#contenuCentralEtendu h2 {
	font-size:20px;
	margin-bottom:10px;
	color:#1e62a8;
}

#contenuCentralEtendu h3 {
	font-size:16px;
	margin-top:15px;
	margin-bottom:5px;
	color:#1e62a8;
	border-bottom:1px solid #1e62a8;
	clear:both;
}

#contenuCentralEtendu h3 span {
	background-color:#FFFFFF;
	padding-right:4px;
	height:20px;
	margin-bottom:-10px;
	position:relative;
	top:5px
}

/* le contenu texte */
#contenuCentralEtendu p {
	text-align:justify;
	font-size:13px;
	line-height:1.2em;
	padding-bottom:5px;
}


/* la balise bold */
#contenuCentralEtendu b {
	color:#e5260c;
}

/* la balise strong */
#contenuCentralEtendu strong {
	color:#d70020;
}

/* le menu de dates */

.menuDates { margin-top:10px;}

.menuDates a {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	background-color:#005d88;
	padding:0 2px;
}

.menuDates a:hover, #contenuCentral .menuDates a.on {
	background-color:#d70020;
}

/* les listes en général */
#contenuCentralEtendu li {
	list-style-type:none;
	background-image:url(../img/colGauche-menu-puceOn.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left:15px;
	padding-bottom:10px;
	font-size:13px;
}
#contenuCentralEtendu li ul {

	margin-top:5px;
}
#contenuCentralEtendu li li {
	list-style-type:none;
	background-image:url(../img/colGauche-menu-puceOff.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left:10px;
	padding-bottom:10px;
}

#contenuCentralEtendu p.references {

padding:10px;
border:1px #005d88 solid;
border-top:0;
margin-top:-5px;
margin-bottom:10px;
text-align:center;

}

#contenuCentralEtendu p.centered {
padding:10px;
border-top:0;
text-align:center;
}

#contenuCentralEtendu p.righted {
padding:3px;
border-top:0;
text-align:right;
}


#contenuCentralEtendu p.centered a.big_no_underline{
text-decoration:none;
font-size:16px; 
font-weight:bold;
}


/*#contenuCentralEtendu p.references ../img {
	margin:10px;
}
*/
#contenuCentralEtendu #select, #contenuCentralEtendu #select2{
	width:300px;
	font-weight:bold;
	font-size:14px;
	background-color:#fff;
}

#contenuCentralEtendu #select option, #contenuCentralEtendu #select2 option{
	font-weight:bold;
	background-color:#e6eff3;
}
/*****************************************************************
* §2 : les zones d'infos dépliantes                              *
******************************************************************/

/* on skinne la zone d'en-tête qui contient les éléments visibles par defaut */
.deroulant a.enTete {
	display:block;
	border: 2px #848484 solid;
	background: url(../img/deroulants-flecheOff.gif) right 2px #005d88 no-repeat;
	border-top:1px;
	border-left:1px;
	padding:0 2px 1px 1px!important;
	padding:0 2px 1px 0;
	height:47px;
	color:#000000;
	text-decoration:none;
	z-index:3;
	cursor:pointer;
}

.deroulant a.enTete:hover {
	background: url(../img/deroulants-flecheOn.gif) right 2px #005d88 no-repeat;
}

.deroulant a.enTete:hover span {
	background-color:#e6eff3;
}

/* on ajoute un fond et une taille aux liens */
.deroulant .enTete span {
	display:block;
	background-color:#ccdfe7;
	padding:3px;
	float:left;
	margin:2px 0 0 2px;
	width:150px;
	text-align:center;

}
.deroulant .enTete span.nomStation {
	width:250px;
}

/* le lienRisque est recalé sur la boite bleue grâce à une position:relative */
.deroulant .lienRisque {
	position:relative;
	padding:3px;
	top:-25px;
	margin-bottom:-15px;
	margin-left:3px;
	color:#000000;
	text-decoration:none;
	display:block;
	z-index:0;
	background-color:#ccdfe7;
	text-align:left;
	width:752px;
	/*height:30px;*/
}

.deroulant .lienRisque:hover b {
	color:#d70020;
	text-decoration: underline;
	font-weight:bold;
}

#contenuCentral a.enTete span b, #contenuCentral a.lienRisque b, #contenuCentralEtendu a.enTete span b, #contenuCentralEtendu a.lienRisque b  {
	color:#d70020;
}

/* le contenu qui se déplie */
.deroulant .contenuAmovible {
	background-color:#005d88;
	position:relative;
	top:-7px;
	margin:0 1px 5px 1px;
}

/* idem pour le conteneur des statistiques qui contient le fond gris */
.deroulant .contenuAmovible .statistiques {
	background-color:#e4e4e6;
	padding:12px!important;
	padding:10px;
	height:241px!important;
	height:245px;
	margin:0 2px 2px 0 ;
	border-left:1px solid #999999;
}

.deroulant .contenuAmovible .graphLeft {
float:left;
margin-bottom:10px;
margin-left:10px;
}

.deroulant .contenuAmovible .graphRight {
float:right;
margin-bottom:10px;
margin-right:10px;
}

/* la zone de boutons d'action */
.boutonsActions {
background-color:#005d88;
height:26px;
clear:both;
margin:-12px 1px 10px 1px;
}

.boutonsActions a {
	display:block;
	float:right;
	font-size:13px;
	font-weight:bold;
	color:red;
	margin:2px;
	background-color:white;
	padding:2px 4px;
	text-decoration:none;
	border:1px #fff outset;
}

.boutonsActions a:hover {
	border:1px #fff inset;
}