/* UNIVERS CELESTE */ 

/*******************************************************************************/
/* NIV1 */
/*******************************************************************************/

#niv1 { background: url(../img/celeste/niv1_bg.gif) repeat-x 0 0 #22b0d4; }

#niv1 ul li a:hover,
#niv1 ul li a:focus { background: url(../img/celeste/niv1_onglet_left.gif) no-repeat 0 0; }

#niv1 ul li a:hover span,
#niv1 ul li a:focus span { background: url(../img/celeste/niv1_onglet_right.gif) no-repeat 100% 0; }

#niv1 ul li#current a { background: url(../img/celeste/niv1_onglet_left.gif) no-repeat 0 0; }
#niv1 ul li#current a span { background: url(../img/celeste/niv1_onglet_right.gif) no-repeat 100% 0; }


/*******************************************************************************/
/* NIV2 */
/*******************************************************************************/

#niv2 td a:hover { color: #20ACCF; }

#niv2 td a.sel { color: #20ACCF; }

/*******************************************************************************/
/* MENUGAUCHE */
/*******************************************************************************/

#menu-gauche .entete {  color: #20ACCF; }

/******** Niv3 ********/

#niv3 a { background: url(../img/celeste/puce_rec.gif) no-repeat 10px 8px; }
#niv3 a.sel { color: #20ACCF; }

/******** Niv4 ********/

#niv4 a {  background: 0; }
#niv4 a:hover { color: #20ACCF;  }
#niv4 a.sel { color: #20ACCF;   }

/*******************************************************************************/
/* MAIN */
/*******************************************************************************/

#main { background: url(../img/celeste/picto_web.png) no-repeat 100% -8px; }

/*******************************************************************************/
/* CHEMIN DE FER */
/*******************************************************************************/

#cdf { background: url(../img/celeste/puce_rec.gif) no-repeat 0 2px; color: #20ACCF; margin-right: 60px; }
#cdf a:hover { color: #20ACCF; }


/*******************************************************************************/
/* CENTRE */
/*******************************************************************************/

#centre h1 {  }

/** Styles H2 **/

h2.entete-couleur { color: #20ACCF; }

h2.fleche-couleur { background: url(../img/celeste/picto_fleche.gif) no-repeat 0 0; color: #20ACCF; }
h2.ronds { background: url(../img/centre/ronds_celeste.gif) no-repeat 0 5px;  }

#centre .filet { border: 1px solid #20ACCF; }
#centre .fond-couleur { background: #20ACCF; }

#centre li a:hover { color: #20ACCF; }

#centre ul.disc li { background: url(../img/centre/disc_celeste.gif) no-repeat 0 5px; }

#centre a { color: #20ACCF; }

/*******************************************************************************/
/* FOOTER */
/*******************************************************************************/

#footer { border-top: 3px solid #20ACCF; }


/* ONGLETS */
#onglet ul.actuOnglet li{background:url(../img/celeste/fond_onglet.png) no-repeat 100% 100% #EEE;}

#onglet ul.actuOnglet li.ongleton{background:url(../img/celeste/fond_onglet.png) no-repeat 100% 0 #20ACCF;}

#onglet ul.actuOnglet li a{
	color:#000;
	background:url(../img/celeste/fond_onglet.png) no-repeat 0 100% #EEE;
}

#onglet ul.actuOnglet li a.ongleton{
	color:#FFF;
	background:url(../img/celeste/fond_onglet.png) no-repeat 0 0 #20ACCF;
}

#onglet a,#onglet .style1 h2{color:#20ACCF;}
#onglet .style1{border:1px solid #20ACCF;}
#onglet .style2{background:#20ACCF;color:#FFF;}
#onglet .style2 a{color:#FFF;}
#onglet .link a{
	color:#20ACCF;
	background:url(../img/celeste/puce_fleche.gif) no-repeat 0 4px;
}