@import "custom.css";

H1 {
	DISPLAY: none;
}
SELECT {
	BORDER-RIGHT: #44454c 1px solid;
	BORDER-TOP: #44454c 1px solid;
	BORDER-LEFT: #44454c 1px solid;
	BORDER-BOTTOM: #44454c 1px solid;
	BACKGROUND-COLOR: #FFFFFF;
}
INPUT
{
    BORDER-RIGHT: #44454c 1px solid;
    BORDER-TOP: #44454c 1px solid;
    BORDER-LEFT: #44454c 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #44454c 1px solid;
    BACKGROUND-COLOR: #FFFFFF;
    WIDTH:auto;
}
#baseline {
	COLOR: #999999;
	FONT-SIZE: 92%;
	DISPLAY: none;
}

#left {
	WIDTH: 159px;
	FLOAT: left;
}
#right {
	MARGIN-LEFT: 159px;
}

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

/* Fil d'ariane */
#navigation {
	MARGIN: 0px 0px 0px 10px;
	PADDING:0px;
	FONT-SIZE: 92%;
	COLOR: #2a8b75;
	WIDTH:600;
}
#navigation A {
	COLOR: #2a8b75;
}
#navigation SPAN {
	FONT-WEIGHT: bold;
}

/* Titre rubrique en cours */
#rubtitle {
	MARGIN: 15px 20px 0px 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 197%;
    BORDER-BOTTOM: 1px solid #000000;
    COLOR: #000000;
    WIDTH:100%;
}
#rubtitle IMG {
	VERTICAL-ALIGN: text-bottom;
	
}
#rubtitle H1 {
	DISPLAY: inline;
	FONT-SIZE: 90%;
	BACKGROUND-IMAGE: url("../img/FR/carre_titre.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	PADDING-LEFT:15px;
}
#rubtitle #puce {
	DISPLAY: inline;
	FONT-SIZE: 90%;
	BACKGROUND-IMAGE: url("../img/FR/carre_titre.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	PADDING-LEFT:15px;
}
#rubtitle SPAN {
	PADDING-BOTTOM: 1px;
}
/* Titre rubrique en cours spécial Télébilletique */
#rubtitleBilletique {
	MARGIN: 15px 20px 0px 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 197%;
    BORDER-BOTTOM: 1px solid #000000;
    COLOR: #000000;
    WIDTH:100%;
}
#rubtitleBilletique IMG {
	VERTICAL-ALIGN: text-bottom;
	
}
#rubtitleBilletique H1 {
	DISPLAY: inline;
	FONT-SIZE: 90%;
	BACKGROUND-IMAGE: url("../img/FR/BillettiqueSTAS.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	PADDING-LEFT:28px;
}
#rubtitleBilletique SPAN {
	PADDING-BOTTOM: 1px;
}

/* Contenu de la rubrique */
#contenu {
	MARGIN: 15px 10px 0px 10px;
	WIDTH:580px;
}

/* Téléchargement de fichiers */
#contenu .download {
	PADDING-LEFT: 5px;
	MARGIN-LEFT: 50px;
	BORDER-LEFT: 2px solid #2a8b75;
	BACKGROUND-COLOR: #F0F0F0;
}
#contenu .download IMG {
	MARGIN: 3px;
	VERTICAL-ALIGN: middle;
}

/* Images */
#contenu IMG {
	MARGIN: 5px;
}

/* Listes */
#contenu UL {
	MARGIN: 0px 0px 0px 20px;
	PADDING: 0px;
}

/* Gestion des H1, H2, etc... */
#contenu H1 {
	DISPLAY: none;
}
#contenu H1, #contenu H2 {
    FONT-SIZE: 130%;
    FONT-WEIGHT: bold;
    WIDTH:100%;
}
#contenu H3 {
    FONT-SIZE: 100%;
    FONT-WEIGHT: bold;
}
#contenu H1.pert1 {
	PADDING: 5px 0px 5px 30px;
	BACKGROUND-IMAGE: url("../img/FR/pert_icon1.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
}
#contenu H1.pert2 {
	PADDING: 5px 0px 5px 30px;
	BACKGROUND-IMAGE: url("../img/FR/pert_icon2.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
}
#contenu H1.pert3 {
	PADDING: 5px 0px 5px 30px;
	BACKGROUND-IMAGE: url("../img/FR/pert_icon3.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
}

/* Liens */
#contenu A {
	COLOR: #2A8B75;
	TEXT-DECORATION: underline;
}
#contenu A:visited {
	COLOR: #636B8B;
}

/* Paragraphes */
#contenu P {
	MARGIN: 5px 0px 10px 0px;
	FONT-WEIGHT: normal;
}

#contenu .table H3, #contenu .table H5 {
	margin-top:8px;
}
/* Liste de thèmes */
#contenu UL {
	LIST-STYLE: none;
	MARGIN-TOP:8px;
}

#contenu UL.thm, #contenu UL.doc {
	MARGIN: 20px 0px 0px 0px;
	PADDING: 0px;
	LIST-STYLE: none;
	TEXT-ALIGN:justify;
}
#contenu UL.thm LI, #contenu UL.doc LI {
	MARGIN-BOTTOM: 10px;
	PADDING-LEFT: 15px;
	BACKGROUND-IMAGE: url("../img/FR/LI_thm.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 2px;
}
#contenu UL.thm H2, #contenu UL.doc H2{
	FONT-SIZE:120%;
	MARGIN-BOTTOM:10px;
}

#contenu UL.thm A, #contenu UL.doc A{
	COLOR: #2A8B75;
}

#contenu UL.thm A:visited, #contenu UL.doc A:visited{
	COLOR:#636B8B;
}

/* Liste de thèmes (lieux publics, dépositaires...) */
#themelist {
	MARGIN-TOP:10px;
	MARGIN-BOTTOM: 15px;
}
#themelist LEGEND {
	DISPLAY: none;
}
#themelist INPUT {
}
#themelist SELECT {
	BORDER: 1px solid #000000;
	MARGIN: 2px 0px 2px 0px;
}

/* Formulaire CONTACT */
#ContactTextLeft{
	FLOAT:left;
	WIDTH: 180px;
	TEXT-ALIGN:justify;
}
#ContactFormRight{
	FLOAT:right;
	WIDTH:365px;
}
#contact DIV {
	MARGIN-BOTTOM:8px;
}
#contact SPAN {
	COLOR: #2a8b75;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT: bold;
}
#contact LEGEND, #contact H2 {
	DISPLAY: none;
}
#contact FIELDSET FIELDSET {
	PADDING: 0px;
}
#contact LABEL {
	FLOAT: left;
	WIDTH: 30%;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
}
#contact INPUT {
	BORDER: 1px solid #63B86B;
	WIDTH: 250px;
}
#contact TEXTAREA {
	BORDER: 1px solid #63B86B;
	WIDTH: 250px;
}
#contact #inf_prenom, #contact #inf_nom, #contact #inf_email, #contact #comment {
	BACKGROUND-COLOR: #F4F4F4;
}
#contact .submit {
	TEXT-ALIGN: center;
	MARGIN: 10px;
}


/* Formulaire recherche itinéraires */
#route {
	MARGIN-LEFT: -20px;
	PADDING: 10px;
}
#route LEGEND {
	DISPLAY: none;
}
#route DIV{
	PADDING:5px;
}
#route DIV.legend {
	PADDING: 0px;
	COLOR: #FF0000;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FCEF7D;
	WIDTH:170px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 10px;
}
#route DIV.legend SPAN {
	COLOR: #2a8b75;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FCEF7D;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 10px;
}

#route #keywordsDep, #route #keywordsArr {
	BORDER: 1px solid #000000;
	WIDTH: 310px;
	MARGIN-LEFT:15px;
}
#route DIV.legend #comDep, #route DIV.legend #comArr{
	WIDTH: 250px;
}

#route #nameComDep, #route #nameComArr{
	MARGIN-RIGHT:150px;
}

#route DIV.laDate {
	PADDING-BOTTOM: 0px;
	FLOAT: left;
}
#route DIV.lHeure {
	PADDING-BOTTOM: 0px;
}
#route DIV.lHeure FIELDSET {
	BORDER: none;
	PADDING: 0px;
}
#route DIV.lHeure LABEL {
	DISPLAY: none;
}

#route SELECT {
	BORDER: 1px solid #000000;
}
#route FIELDSET {
	BORDER: 1px solid #000000;
	PADDING: 10px;
	MARGIN-BOTTOM:10px;
	BACKGROUND-COLOR: #ced3e4;
}
#route .submit {
	TEXT-ALIGN: center;
	MARGIN: 10px;
}
#route .submit INPUT {
	WIDTH: auto;
	BORDER: 1px solid #000000;
	COLOR: #000000;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #CED3E4;
}

/* Liste des lignes d'un groupe */
#groupLines CAPTION H1{
	DISPLAY: inline;
}
#groupLines CAPTION {
	DISPLAY: table-caption;
	FONT-SIZE: 85%;
	COLOR: #FFFFFF;
	BACKGROUND-COLOR: #63B86B;
	PADDING: 2px;
	BORDER: 1px solid #63B86B;
}
#groupLines IMG {
	MARGIN: 2px;
	VERTICAL-ALIGN: middle;
}
#groupLines THEAD {
	DISPLAY: none;
}
#groupLines TH {
	PADDING: 2px;
	TEXT-ALIGN: center;
}
#groupLines TD {
	PADDING: 2px;
	VERTICAL-ALIGN: middle;
}

/* Cadre pour liste */
.formList {
    BORDER: #2a8b75 1px solid;
    POSITION: relative;
    WIDTH: 350px;
    HEIGHT: 200px;
    Z-INDEX: 1;
    OVERFLOW: auto;
    BACKGROUND-COLOR: #FFFFFF;
}

/* Formulaire de listes d'arrêts / lieux publics (popup) */
#popuplist {
	TEXT-ALIGN: left;
}
#popuplist A{
	COLOR: #2a8b75;
}
#popuplist FONT {
	COLOR: #636B8B;
}
#popuplist SELECT {
	BORDER: 1px solid #000000;
}
#popuplist FIELDSET {
	BORDER: 1px solid #000000;
	MARGIN-BOTTOM: 10px;
	PADDING:8px;
	BACKGROUND-COLOR: #F3F4F8;
}
#popuplist LEGEND {
	DISPLAY: none;
}
#popuplist DIV{
	PADDING-BOTTOM:5px;
}
#popuplist DIV.legend {
	COLOR: #2a8b75;
	FONT-WEIGHT: bold;
}
#popuplist DIV.legend SPAN {
	COLOR: #636B8B;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FCEF7D;
	PADDING-LEFT: 8px;
	PADDING-RIGHT: 10px;
}

#popuplist .alphabeticList {
	TEXT-ALIGN: center;
	COLOR: #999999;
}
#popuplist .alphabeticList UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#popuplist .alphabeticList LI {
	DISPLAY: inline;
}
#popuplist .alphabeticList SPAN {
	FONT-WEIGHT: bold;
	COLOR: #636B8B;
}

#popuplist .formList {
    WIDTH: auto;
    HEIGHT: 300px;
    MARGIN: 10px;
}
#popuplist .formList UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#popuplist .formList LI {
	BACKGROUND-IMAGE: url("../img/FR/LI_adh.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	PADDING-LEFT: 15px;
	MARGIN: 2px 0px 2px 5px;
}
#popuplist #back A{
	COLOR:#636B8B;
}

/* Tableaux */
.table {
	BORDER-COLLAPSE: collapse;
	WIDTH: 530px;	
}
.table CAPTION {
/*	DISPLAY: none; */
}
.table A {
	COLOR:#2a8b75;	
}
.table A:hover{
	COLOR:#2a8b75;	
}
.table THEAD TH {
    FONT-WEIGHT: bold;
    COLOR: #FFFFFF;
    BACKGROUND-COLOR: #63B86B;
	BORDER: 1px solid #2a8b75;
}
.table TBODY TH {
    TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
	BORDER: 1px solid #2a8b75;
	PADDING: 2px;
}
.table TD {
	PADDING: 3px;
    TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
	BORDER: 1px solid #2a8b75;
}

.table .row0 {
    BACKGROUND-COLOR: #EEEEEE;
}
.table .row1 {
    BACKGROUND-COLOR: #FFFFFF;
}
.table .details {
	TEXT-ALIGN: center;
	FONT-SIZE: 92%;
    FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/FR/details.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 50% 10;
	PADDING-TOP: 25px;
}

/* Plan du site */
#siteMap {
	MARGIN: 20px 0px 0px 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#siteMap A{
	COLOR:#2a8b75;
}
#siteMap LI {
	MARGIN: 10px 0px 0px 0px;
}
#siteMap H2 {
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 100%;
	FONT-SIZE: 152%;
	COLOR: #00A4DB;
}
#siteMap H2 SPAN {
	FONT-WEIGHT: bold;
	PADDING-LEFT: 20px;
	FONT-SIZE: 130%;
	COLOR: #ACCF6D;
}

#siteMap .subSiteMap {
	MARGIN: 10px 0px 10px 20px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#siteMap .subSiteMap LI {
	MARGIN: 0px 0px 5px 0px;
	PADDING-LEFT: 15px;
	BACKGROUND-IMAGE: url("../img/FR/LI_thm.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 2px;
}

/* Tarif */
#ListTarif {
	MARGIN-LEFT:150px;
}

#TarifLeft{
	FLOAT: left;
	TEXT-ALIGN:justify;
	MARGIN-BOTTOM:40px;
	WIDTH:270px;
}

#TarifRight{
	FLOAT: right;
	MARGIN-BOTTOM:40px;
	TEXT-ALIGN:left;
	WIDTH:310px;
}
.TarifText{
	TEXT-ALIGN:justify;
	WIDTH:575px;
}

#CarteRight{
	FLOAT: center;
	TEXT-ALIGN:left;
	WIDTH:523px;
}
#CarteRight IMG{
	MARGIN-BOTTOM:30px;
}

#ThemeLeft{
	TEXT-ALIGN:justify;
}
#contenu #tarifs fieldset, #contenu #tarifsAll fieldset {
	border: 1px solid #63B86B;
	padding: 10px 10px 5px 10px;
}
#contenu #tarifs div, #contenu #tarifsAll div {
	padding: 3px 2px;
}
#contenu #tarifs label, #contenu #tarifsAll label {
	font-weight:bold;
}
#contenu #tarifs .submit, #contenu #tarifsAll .submit {
	margin:10px 10px 0px 10px;
	text-align:center;
}
#contenu #tarifs input, #contenu #tarifsAll input {
	background-color: #CED3E4;
	border: 1px solid #000000;
	color: #000000;
	font-weight:bold;
	width:auto;
}
table.table .row0 {
	background-color:#ffffff;
}
table.table .row1 {
	background-color: #EEEEEE;
}
table.table p.details {
	font-size:100%;
	text-align:left;
	padding : 0px 0px 0px 15px;
	BACKGROUND-IMAGE: url("../img/FR/LI_thm.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: 0px 2px;
}
table.table acronym {
	font-size:80%;
}

/* Liens */
#liens {
	TEXT-ALIGN:center;
}
#liens #LienTitle {
	TEXT-ALIGN:left;
	MARGIN: 20px 0px 20px 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 197%;
    BORDER-BOTTOM: 1px solid #000000;
    COLOR: #000000;
    WIDTH:100%;
}
#liens #LienTitle H1 {
	DISPLAY: inline;
	FONT-SIZE: 100%;
}
#liens #LienTitle SPAN {
	PADDING-BOTTOM: 1px;
}
#liens #liensTable {
	WIDTH:560px;
	PADDING:0px;
	MARGIN:0px;
}
#liens .col1{
	WIDTH:40%;
}
#liens .col2{
	WIDTH:50%;
}
#liens CAPTION {
	FONT-SIZE: 110%;
	FONT-WEIGHT: bold;
}

/* Horaires */
#hourForm {
	OVERFLOW:auto;
}

#hourForm #hourLeft {
	FLOAT:left;
	WIDTH:280px;
}
#hourForm #hourLeft .link A{
	COLOR:#636B8B;
}

#hourForm #hourRight {
	FLOAT:left;
	WIDTH:280px;
}

#hourForm #hourRight #submit1{
	BACKGROUND-COLOR: #CED3E4;
}

#hourForm #hourRight .formSelect{
	MARGIN-TOP:5px;
	MARGIN-BOTTOM:5px;
	WIDTH:270px;
}

#hourForm DIV.legend {
	PADDING: 0px;
	COLOR: #FF0000;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FCEF7D;
	WIDTH:240px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 10px;
}
#hourForm DIV.legend SPAN {
	COLOR: #2a8b75;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #FCEF7D;
	PADDING-LEFT: 8px;
	PADDING-RIGHT: 10px;
}
.hourFormCaption {
	MARGIN-TOP:30px;
    COLOR: #2a8b75;
    FONT-WEIGHT: bold;
}
#hourFormPrint{
	BACKGROUND-IMAGE: url("../img/FR/picto_print.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	MARGIN-TOP:10px;
	PADDING-LEFT:20px;
}
#Calendrier {
	BORDER: 1px solid #000000;
	BORDER-COLLAPSE: collapse;
	TEXT-ALIGN: center;
	MARGIN:auto;
	WIDTH:auto;
}
#Calendrier TBODY TH {
    FONT-WEIGHT: bold;
    TEXT-ALIGN: center;
	VERTICAL-ALIGN: top;
	BORDER: 1px solid #000000;
	PADDING: 2px;
}
#Calendrier TD {
	PADDING: 3px;
    TEXT-ALIGN: left;
	VERTICAL-ALIGN: top;
	BORDER: 1px solid #000000;
}
#LegendCalendrier{
	TEXT-ALIGN:left;
	WIDTH:100%;
	MARGIN-TOP:5px;
}
#LegendCalendrier LI {
	MARGIN-BOTTOM:10px;
	LIST-STYLE: none;
}
#LegendCalendrier .vert{
	BORDER: 1px solid #000000;
	BACKGROUND-COLOR:#87C521;
	PADDING-LEFT:15px;
	MARGIN-RIGHT:10px;
}

#LegendCalendrier .gris{
	BORDER: 1px solid #000000;
	BACKGROUND-COLOR:#E3E3E3;
	PADDING-LEFT:15px;
	MARGIN-RIGHT:10px;
}

#LegendCalendrier .vertclaire{
	BORDER: 1px solid #000000;
	BACKGROUND-COLOR:#E8F6A6;
	PADDING-LEFT:15px;
	MARGIN-RIGHT:10px;
}

#LegendCalendrier .jaune{
	BORDER: 1px solid #000000;
	BACKGROUND-COLOR:#FFFF66;
	PADDING-LEFT:15px;
	MARGIN-RIGHT:10px;
}

/* Thermo */
#hourThermo H1 {
	DISPLAY:inline;
}

/* Info-Trafic */
#infotrafic {
	PADDING: 5px;
	WIDTH: 140px;	
	COLOR: #FF0000;
	BORDER-TOP: 1px solid #000000;
}
#infotrafic H2 {
	HEIGHT:32px;
	PADDING-TOP:10px;
	PADDING-LEFT:30px;
	FONT-SIZE: 115%;
	BACKGROUND-IMAGE: url("../img/FR/home/infotrafic_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}
#infotrafic A {
	COLOR: #FF0000;
}
#infotrafic UL {
	MARGIN: 0px;
	PADDING: 0px;
}
#infotrafic LI {
	MARGIN-LEFT: 15px;
	MARGIN-BOTTOM: 5px;
}
#infotrafic DIV.all {
	TEXT-ALIGN: right;
	MARGIN-TOP: 15px;
	FONT-SIZE: 90%;
	FONT-WEIGHT: bold;
	WIDTH:140px;
}
#perturbations {
	HEIGHT:32px;	
	BACKGROUND-IMAGE: url("../img/FR/home/infotrafic_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}
#perturbations LI{
	PADDING-TOP:10px;
	PADDING-LEFT:30px;	
}

#actualites {
	WIDTH: 150px;
	BACKGROUND-COLOR: #E3E6EF;	
	MARGIN: 0px;
	PADDING: 0px;
	BORDER-TOP: 1px solid #000000;
}
#actualites H2 {
	FONT-SIZE: 115%;
	PADDING: 5px;
}
#actualites UL {
	MARGIN: 0px;
	PADDING: 5px;
	LIST-STYLE: none;
}
#actualites LI {
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 14px;
	PADDING-LEFT: 14px;
	BACKGROUND-IMAGE: url("../img/FR/actualites_li.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	WIDTH:126px;
}
#actualites IMG {
	MARGIN-RIGHT: 5px;
}
#actualites DIV.all {
	TEXT-ALIGN: right;
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
	PADDING: 5px;
}