@import "custom.css";

BODY {
	BACKGROUND-COLOR: #BECCE7;
	FONT-SIZE: 77%;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    COLOR: #000066;
    TEXT-ALIGN: center;
    MARGIN:0px;
}
A {
	COLOR: #003E90;
	TEXT-DECORATION: none;
}
A:hover {
	TEXT-DECORATION: underline;
}
H1, H2, H3, H4, H5, H6, FORM, FIELDSET, IMG, P, DIV {
	PADDING : 0px;
	MARGIN: 0px; 
	BORDER: 0px;
}
TABLE, TD, H1, H2, H3, H4, H5, H6 {
	FONT-SIZE: 100%;
}
INPUT {
	FONT-SIZE: 100%;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
}


/*  MISE EN PAGE */
.invisible { DISPLAY: none; }
.left { FLOAT: left; }
.right { FLOAT: right; }
.middle { VERTICAL-ALIGN: middle; }
.center { TEXT-ALIGN: center; }
.clear { CLEAR: both; }
.clearleft { CLEAR: left; }
.clearright { CLEAR: right; }
.overflow { OVERFLOW: auto; }
.hidden { POSITION: absolute; HEIGHT: 0px; WIDTH: 0px; OVERFLOW: hidden; }

/* erreur, confirmation, etc... */
.error {
	FONT-WEIGHT: bold;
	COLOR: #FF0000;
}
.success {
	FONT-WEIGHT: bold;
	COLOR: #1499D2;
}
.disabled {
	COLOR: #666666;
}

/*  STRUCTURE GENERALE */
#global {
	WIDTH: 980px;
	MARGIN: 0px auto 0px auto;
	TEXT-ALIGN: left;
	background-color: #1499d2;
}

/* menu d'aide */
img.numazur
{
	FLOAT: left;
	PADDING-TOP: 6px;
}
#navaccess {
	TEXT-ALIGN: right;
	FONT-SIZE: 92%;
	MARGIN: 0px;
	PADDING: 6px 2px 2px 20px;
	LIST-STYLE: none;
	background-color: #becce7;
}
#navaccess LI {
	DISPLAY: inline;
}
#navaccess SPAN {
}
#navaccess A {
	COLOR: #000066;
}
#navaccess A:hover {
}

/* Pied de page */
#foot
{
    clear: both;
	text-align: center;
	font-size: 92%;
	padding: 2px;
}

/* En-tête */
#header
{
	color: #ffffff;
	background-color: #1499d2;
	margin-bottom: 0px;
}
#header div.headerleft
{
	width: 470px;
	float: left;
}
#header div.headerleft img
{
	float: left;
}
/*
#header div.headerleft p
{
	padding-top: 10px;
	font-weight: bold;
	font-size: 130%;
	font-style: italic;
}
*/
#header div.headerright 
{
	float: right;
	width: 303px;
	height: 131px;
	background: #1499D2 url("../img/fr/headmiddle_bg.gif");
	background-repeat: no-repeat;
	background-position: top left;
}
#header div.headerright div.logo
{
	padding-top: 90px;
	padding-right: 16px;
}

/* Recherche */
#header DIV.recherche {
	FLOAT: right;
	PADDING-TOP:98px;
}
#header DIV.recherche H2, #header DIV.recherche .h2 {
	DISPLAY: none;
}
#header DIV.recherche LEGEND {
	DISPLAY: none;
}
#header DIV.recherche LABEL {
	DISPLAY: none;
}
#header DIV.recherche #keywords {
	WIDTH: 100px;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: none;
    PADDING: 2px 2px 2px 18px;
	BACKGROUND-IMAGE: url("../img/FR/recherche_submit_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}
#header DIV.recherche .submit {
	BORDER: none;
	BACKGROUND-COLOR: #1499D2;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 10px;
}

/* Zone principale */
#main {
	BACKGROUND-COLOR: #1499D2;
}

/* Menu de navigation principal */
#navprinc {
	BACKGROUND: #00408B url("../img/FR/menu_bg.gif");
	BACKGROUND-REPEAT: repeat-x;
	WIDTH: 190px;
	FLOAT: left;
}
#navprinc A 
{
    color: #ffffff;
}
#navprinc H3.U1, #navprinc DIV.U1 {
	COLOR: #95241F;
	FONT-SIZE: 130%;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/FR/U1_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	PADDING: 4px 0px 8px 50px;
}
#navprinc H3.U2, #navprinc DIV.U2 {
	COLOR: #612180;
	FONT-SIZE: 130%;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/FR/U2_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	PADDING: 4px 0px 10px 50px;
}
#navprinc H3.U3, #navprinc DIV.U3 {
	COLOR: #00622D;
	FONT-SIZE: 130%;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/FR/U3_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	PADDING: 4px 0px 10px 50px;
}
#navprinc H3.U4, #navprinc DIV.U4 {
	COLOR: #224F37;
	FONT-SIZE: 130%;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/FR/U4_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	PADDING: 4px 0px 10px 50px;
}
#navprinc UL {
	PADDING: 0px;
	MARGIN: 0px 0px 10px 15px;
	LIST-STYLE: none;
	FONT-SIZE: 107%;
}
#navprinc UL LI {
	MARGIN: 0px;
	PADDING: 0px 1px 0px 12px;
}
#navprinc UL.U1 LI {
	BACKGROUND-IMAGE: url("../img/FR/U1_li_fleche.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 3px;
}
#navprinc UL.U2 LI {
	BACKGROUND-IMAGE: url("../img/FR/U2_li_fleche.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 3px;
}
#navprinc UL.U3 LI {
	BACKGROUND-IMAGE: url("../img/FR/U3_li_fleche.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 3px;
}
#navprinc UL.U4
{
    margin-bottom: 20px;
}
#navprinc UL.U4 LI {
	BACKGROUND-IMAGE: url("../img/FR/U4_li_fleche.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 3px;
}


/* Menu secondaire (outils à droite) */
#navsec 
{
	padding: 0px;
	margin: 0px;
	width: 207px;
	float: right;
}
#navsec A
{
}

#navsec DIV.header {
	WIDTH: 207px;
	HEIGHT: 95px;
	BACKGROUND-IMAGE: url("../img/FR/headRight_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom left;
}
/* Mon espace */
#navsec DIV.adherent {
	BACKGROUND: #91D4F2 url("../img/FR/adherent_bg.gif");
	BACKGROUND-REPEAT: repeat-x;
	BACKGROUND-POSITION: top left;
	PADDING-TOP:3px;
	PADDING-BOTTOM:3px;
}
#navsec DIV.adherent p 
{
    padding: 0px 5px;
}
#navsec DIV.adherent UL {
	PADDING: 0px;
	MARGIN: 0px 0px 10px 7px;
	LIST-STYLE: none;
	FONT-SIZE: 107%;
	COLOR: #003E90;
}
#navsec DIV.adherent UL LI {
	BACKGROUND-IMAGE: url("../img/FR/adherent_li_fleche.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left 1px;
	MARGIN: 0px;
	PADDING: 0px 1px 0px 15px;
}
#navsec DIV.adherent UL LI A {
}

/* Trajet */
#navsec DIV.trajet H2, #navsec DIV.trajet DIV.h2 {
	PADDING: 5px 30px 15px 10px;
	FONT-SIZE: 123%;
	FONT-WEIGHT: bold;
	COLOR: #FFF59B;
	LINE-HEIGHT: 115%;
}
#navsec DIV.trajet H2 SPAN, #navsec DIV.trajet DIV.h2 SPAN {
	FONT-SIZE: 153%;
}

/* Horaires */
#navsec DIV.horairestitre {
	BACKGROUND-IMAGE: url("../img/FR/horaires_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	WIDTH:207px;
	HEIGHT:26px;
	MARGIN-TOP:12px;
	COLOR: #FFFFFF;
}
#navsec DIV.horairestitre H2, #navsec DIV.horairestitre .h2
{
	COLOR:#172A4D;
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
	PADDING-LEFT:60px;
	PADDING-TOP:6px;
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
}
#navsec DIV.horairestitre A
{
	COLOR:#000066;
	TEXT-DECORATION:none;
}

#navsec DIV.horaires 
{
	BACKGROUND-COLOR: #84D0F0;
}
#navsec DIV.horaires FORM 
{
}
#navsec DIV.horaires FORM FIELDSET 
{
    PADDING: 10px 8px;
}
#navsec DIV.horaires FORM LEGEND {
	DISPLAY: none;
}
#navsec DIV.horaires FORM LABEL 
{
	PADDING: 0px;
}
#navsec DIV.horaires FORM #num {
	WIDTH: 80px;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #85CEEE;
}
#navsec DIV.horaires FORM INPUT.submit {
	BORDER: none;
	BACKGROUND-COLOR: #84D0F0;
	COLOR: #000066;
	FONT-WEIGHT: bold;
	PADDING:0px;
	MARGIN-LEFT:4px;
}

/* Plans */
#navsec DIV.plans {
	BACKGROUND-IMAGE: url("../img/FR/plans_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	WIDTH:147px;
	HEIGHT:21px;
	PADDING-LEFT:60px;
	PADDING-TOP:6px;
	COLOR:#172A4D;
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
}
#navsec DIV.plans h2
{
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
}
#navsec DIV.plans a
{
	COLOR:#000066;
	TEXT-DECORATION:none;
}

/* Info trafic */
#navsec DIV.perturbationstitre {
	BACKGROUND-IMAGE: url("../img/FR/infotrafic_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	WIDTH:147px;
	HEIGHT:21px;
	MARGIN-TOP:12px;
	COLOR: #FFFFFF;
	PADDING-LEFT:60px;
	PADDING-TOP:6px;
	COLOR:#172A4D;
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
}
#navsec DIV.perturbationstitre H2
{
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
}
#navsec DIV.perturbationstitre A
{
	COLOR:#000066;
	TEXT-DECORATION:none;
}
#navsec DIV.perturbations {
	BACKGROUND: #1499D2 url("../img/FR/perturbation_bg.gif");
	BACKGROUND-REPEAT: repeat-x;
	MIN-HEIGHT:180px;
	COLOR:#150064;
}
#navsec DIV.perturbations A {
}
#navsec DIV.perturbations P {
	padding: 5px;
}
#navsec DIV.perturbations UL {
	PADDING: 10px 5px 5px 13px;
	MARGIN: 0px 8px 0px 8px;
	LIST-STYLE-TYPE: disc;
	LIST-STYLE-POSITION: outside;
}
#navsec DIV.perturbations LI {
	MARGIN: 0px;
	PADDING: 2px 0px;
}
#navsec DIV.perturbations DIV.all {
	TEXT-ALIGN: right;
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
	PADDING-TOP: 5px;
	DISPLAY: none;
}

/* Contenu */
#content {
	FLOAT: left;
}

/* Navigation */
DIV.navigation 
{
	BACKGROUND-COLOR: #1499D2;
	COLOR: #FFF59B;
	FONT-WEIGHT: bold;
	FONT-SIZE: 92%;
	PADDING-LEFT: 10px;
	FLOAT: left;
	WIDTH: 541px;
	MARGIN-LEFT: 16px;
	MARGIN-RIGHT: 16px;
}
DIV.navigation SPAN {
	COLOR: #FFFFFF;
	FONT-WEIGHT: normal;
}
DIV.navigation A {
	COLOR: #FFFFFF;
	FONT-WEIGHT: normal;
}