@import "custom.css";

BODY {
	BACKGROUND-COLOR: #FFFFFF;
	FONT-SIZE: 77%;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    COLOR: #000000;
    TEXT-ALIGN: center;
    MARGIN: 0px;
    PADDING: 0px;
}
A {
	COLOR: #C70063;
	TEXT-DECORATION: underline;
}
A:hover {
	COLOR: #C70063;
	TEXT-DECORATION: none;
}
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%;
}

/*  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 {
	BACKGROUND-IMAGE: url("../img/FR/cm_strong_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	FONT-WEIGHT: bold;
	COLOR: #C70063;
	PADDING-LEFT: 20px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 2px;
}

.success {
	FONT-WEIGHT: bold;
	COLOR: #089FA2;
}
.disabled {
	COLOR: #666666;
}

/*  STRUCTURE GENERALE */
#global {
	WIDTH: 984px;
	MARGIN: 0px auto 0px auto;
	TEXT-ALIGN: left;
}

/* menu d'accessibilité */
#navaccess {
	TEXT-ALIGN: right;
	FONT-SIZE: 92%;
	MARGIN: 0px;
	PADDING: 2px;
	LIST-STYLE: none;
}
#navaccess LI {
	DISPLAY: inline;
}
#navaccess SPAN {
}
#navaccess A {
	COLOR: #000000;
}
#navaccess A:hover {
}

/* En-tête */
#header {
}
#header DIV.logo {
	FLOAT: left;
	WIDTH: 580px;
	MARGIN-RIGHT: 90px;
}
#header DIV.logo IMG {
	FLOAT: left;
	MARGIN-RIGHT: 10px;
}
#header DIV.logo P {
	PADDING-TOP: 30px;
	FONT-SIZE: 145%;
	COLOR: #C70063;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
}
#header DIV#perturbations {
	FLOAT: left;
	WIDTH: 307px;
	HEIGHT: 116px;
	BACKGROUND-IMAGE: url("../img/FR/perturbations_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	FONT-SIZE: 92%;
}
#header DIV#perturbations DIV.content {
	PADDING: 10px 10px 10px 15px;
}
#header DIV#perturbations IMG {
	FLOAT: right;
}
#header DIV#perturbations H2, #header DIV#perturbations DIV.h2 {
    FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 123%;
	FONT-WEIGHT: bold;
	COLOR: #EB6A37;
	PADDING-BOTTOM: 5px;
}
#header DIV#perturbations P {
	MARGIN: 5px 0px;
}
#header DIV#perturbations UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#header DIV#perturbations LI {
	MARGIN: 0px;
	PADDING: 1px 0px;
}
#header DIV#perturbations LI A {
	COLOR: #000000;
}

#header DIV#perturbations DIV.all {
	COLOR: #EB6A37;
	FONT-WEIGHT: bold;
	PADDING-TOP: 5px;
}
#header DIV#perturbations DIV.all A {
	COLOR: #EB6A37;
}

/* Menu secondaire (outils à droite) */
#navsec {
}
#navsec A {
	COLOR: #000000;
}

#navsec DIV.recherche {
	PADDING: 4px 0px 2px 8px;
	BACKGROUND-IMAGE: url("../img/FR/recherche_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	BACKGROUND-COLOR: #E2D804;
}
#navsec DIV.recherche H2, #navsec DIV.recherche .h2 {
	FONT-WEIGHT: bold;
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 107%;
}
#navsec DIV.recherche LEGEND {
	DISPLAY: none;
}
#navsec DIV.recherche LABEL {
	DISPLAY: none;
}
#navsec DIV.recherche #keywords {
	WIDTH: 110px;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #FFFFFF;
	FONT-SIZE: 92%;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    PADDING: 2px 0px;
}
#navsec DIV.recherche .submit {
	VERTICAL-ALIGN: middle;
	MARGIN-LEFT: 8px;
}

#navsec DIV.contact {
	PADDING: 4px 0px 12px 8px;
	BACKGROUND-IMAGE: url("../img/FR/contact_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	BACKGROUND-COLOR: #BCCA05;
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
}
#navsec DIV.plan {
	PADDING: 4px 0px 12px 8px;
	BACKGROUND-IMAGE: url("../img/FR/plan_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	BACKGROUND-COLOR: #94B913;
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
}
#navsec DIV.contact H2, #navsec DIV.plan H2 {
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 100%;
}

#navsec DIV.trajet {
	MARGIN-TOP: 10px;
	PADDING-TOP: 4px;
	BACKGROUND-IMAGE: url("../img/FR/trajet_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	BACKGROUND-COLOR: #E3D802;
}
#navsec DIV.trajet H2, #navsec DIV.trajet .h2 {
	PADDING-LEFT: 8px;
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
}
#navsec DIV.trajet FORM {
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 4px;
	BACKGROUND-IMAGE: url("../img/FR/trajet_bottom.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom left;
}
#navsec DIV.trajet LEGEND {
	DISPLAY: none;
}
#navsec DIV.trajet #depart, #navsec DIV.trajet #arrivee {
	WIDTH: 110px;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #FFFFFF;
	FONT-SIZE: 92%;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    PADDING: 2px 0px;
}
#navsec DIV.trajet .submit {
	VERTICAL-ALIGN: middle;
	MARGIN-LEFT: 8px;
}

#navsec DIV.adherent {
	MARGIN-TOP: 10px;
	PADDING-TOP: 4px;
	BACKGROUND-IMAGE: url("../img/FR/adherent_bg.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	BACKGROUND-COLOR: #E3D802;
}
#navsec DIV.adherent H2, #navsec DIV.adherent .h2 {
	PADDING-LEFT: 8px;
	FONT-FAMILY: Trebuchet MS, Arial, Verdana, Helvetica, sans-serif;
	FONT-SIZE: 107%;
	FONT-WEIGHT: bold;
}
#navsec DIV.adherent FORM {
	PADDING-LEFT: 8px;
}
#navsec DIV.adherent LEGEND {
	DISPLAY: none;
}
#navsec DIV.adherent #login, #navsec DIV.adherent #password {
	WIDTH: 110px;
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #FFFFFF;
	FONT-SIZE: 92%;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    PADDING: 2px 0px;
}
#navsec DIV.adherent .submit {
	VERTICAL-ALIGN: middle;
	MARGIN-LEFT: 8px;
}
#navsec DIV.adherent UL {
	FONT-SIZE: 92%;
	MARGIN: 0px;
	PADDING: 0px 0px 8px 8px;
	BACKGROUND-IMAGE: url("../img/FR/adherent_bottom.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom left;
	LIST-STYLE: none;
}
#navsec DIV.adherent P {
	PADDING-LEFT: 8px;
}

/* Logos des partenaires */
DIV.partenaires {
	TEXT-ALIGN: right;
}
DIV.partenaires IMG {
	MARGIN: 3px;
}

/* menu d'aide */
#navbas {
	TEXT-ALIGN: center;
	FONT-SIZE: 92%;
	MARGIN: 0px;
	PADDING: 2px;
	LIST-STYLE: none;
}
#navbas LI {
	DISPLAY: inline;
}
#navbas SPAN {
}
#navbas A {
	COLOR: #000000;
}
#navbas A:hover {
}