BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    FONT: 0.8em verdana, arial, helvetica, sans-serif;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #ffffff
}
SPAN.getError
{
    FONT-WEIGHT: bold;
    COLOR: #ff0000
}

.comment
{
    MARGIN: 0px;
    FONT-STYLE: italic
}
A
{
    COLOR: #000000
}
A:hover
{
    COLOR: #3b474f;
    TEXT-DECORATION: none
}
A IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
.moreinfo
{
    FONT-STYLE: italic
}



/**********************************************************************************************************************/
/*****************   Code CSS relatif au contenu de toutes les pages par défaut
/**********************************************************************************************************************/
#content
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 15px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 30px 0px 150px;
    PADDING-TOP: 20px
}
#content H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 50px;
    FONT-SIZE: 2.5em;
    BACKGROUND: url(./img/trait.png) no-repeat left bottom;
    PADDING-BOTTOM: 10px;
    MARGIN: 15px 0px 0px;
    COLOR: #e2007a;
    PADDING-TOP: 0px;
    LETTER-SPACING: 3px
}
#content H3
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 15px 0px 0px;
    COLOR: #97bed0;
    PADDING-TOP: 0px;
    LETTER-SPACING: 1px
}
#content H4
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 15px 0px 0px;
    COLOR: #97bed0;
    PADDING-TOP: 0px;
    LETTER-SPACING: 1px
}
#content H3
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 5px;
    FONT-SIZE: 1.5em;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    LETTER-SPACING: 1px
}
#content P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 50px;
    FONT-SIZE: 1em;
    PADDING-BOTTOM: 10px;
    MARGIN: 20px 0px 0px;
    LINE-HEIGHT: 1.5em;
    PADDING-TOP: 0px;
    TEXT-ALIGN: justify
}
#content H4
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 40px;
    FONT-SIZE: 1em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 0px;
    FONT-STYLE: italic
}
#content UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 30px;
    LIST-STYLE-IMAGE: url(./img/puce_transparente.gif);
    PADDING-BOTTOM: 0px;
    MARGIN-LEFT: 15px;
    PADDING-TOP: 0px
}
#content LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 20px;
    LIST-STYLE-IMAGE: url(./img/puce2.gif);
    PADDING-BOTTOM: 10px;
    MARGIN: 0px 0px 0px 20px;
    PADDING-TOP: 0px
}

#content IMG
{
    MARGIN: 0px 0px 0px 20px
}

/**********************************************************************************************************************/
/*****************   Code CSS relatif à l'entête  header.tpl
/**********************************************************************************************************************/
#header
{
    HEIGHT: 150px;
		min-width: 800px;
    BACKGROUND-COLOR: #cfd0d2
}
#header H1
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(./img/logo_TCAT.png) no-repeat;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 150px;
    PADDING-TOP: 0px;
    HEIGHT: 150px
}
#header A
{
    /*DISPLAY: none*/
		padding: 120px 75px 120px 76px;
		
}



#logo
{
	position: absolute;
}

#banniere
{
	margin-left:150px;
}

#summary
{
    COLOR: #ffffff;
    TEXT-ALIGN: center;
	min-width:800px;
}
#summary UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    BACKGROUND-COLOR: #7493cf;
}
#summary LI
{
    DISPLAY: inline;
	
    HEIGHT: 22px;
}
#summary A
{
    PADDING-RIGHT: 15px;
    DISPLAY: block;
    PADDING-LEFT: 17px;
    BACKGROUND: url(./img/puce_transparente.gif) #7493cf no-repeat 3px 7px;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 3px;
    HEIGHT: 22px;
    TEXT-DECORATION: none;
}
#summary A:hover
{
    BACKGROUND-COLOR: #5378bf
}
#summary A.linkActive
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #3b5f9f
}
#summary A.linkActive:hover
{
    COLOR: #ffffff;
    BACKGROUND-COLOR: #3b5f9f
}
#search
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: url(./img/bandeau_fleur.png) no-repeat;
    LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    WIDTH: 150px;
    PADDING-TOP: 0px;
    POSITION: absolute;
    TOP: 175px;
    HEIGHT: 550px
}
#search FORM
{
    MARGIN: 5px 15px 0px 12px;
    WIDTH: 120px
}
#search INPUT
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    MARGIN: 3px;
    BORDER-LEFT: 0px;
    WIDTH: 100px;
    BORDER-BOTTOM: 0px;	
}
#textsearch
{
    WIDTH: 98px! important;
    BACKGROUND-COLOR: #ffffff
}
#submitsearch
{
    BACKGROUND-COLOR: transparent
}
#search FIELDSET
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
HR
{
    BORDER-RIGHT: 0px;
    PADDING-RIGHT: 0px;
    BORDER-TOP: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 5px 10%;
    BORDER-LEFT: 0px;
    WIDTH: 80%;
    COLOR: #839ebf;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: 0px;
    HEIGHT: 1px;
    BACKGROUND-COLOR: #839ebf
}
#subsummary
{
    LEFT: 0px;
    WIDTH: 150px;
    COLOR: white;
    POSITION: absolute;
    TOP: 250px
}
#subsummary UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#subsummary LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
#subsummary LI
{
    LIST-STYLE-TYPE: none
}
#subsummary A
{
    PADDING-RIGHT: 0px;
    DISPLAY: block;
    PADDING-LEFT: 7px;
    PADDING-BOTTOM: 2px;
    MARGIN: 0px;
    BORDER-LEFT: #cfd0d2 5px solid;
    WIDTH: 138px;
    PADDING-TOP: 2px;
    TEXT-DECORATION: none
}
#subsummary A:hover
{
    BORDER-LEFT: #8b929f 5px solid;
    COLOR: #000000;
    BACKGROUND-COLOR: #b3b7bf
}
#subsummary A.linkActive
{
    BORDER-LEFT: #3b5f9f 5px solid;
    COLOR: #ffffff;
    BACKGROUND-COLOR: #7493cf
}






/**********************************************************************************************************************/
/*****************   Code CSS relatif au contenu de la page d'accueil index.tpl
/**********************************************************************************************************************/

div#column1
{
    BACKGROUND: url(./img/img_accueil.jpg) no-repeat right center;
    MARGIN: 20px 0px 0px 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	
	position: relative;
	top: 0px;
	left: 0px;
    /*HEIGHT: 250px;*/
}
div#column1 H3.titre_accueil
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 2em;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 15px;
    COLOR: #e2007a;
    PADDING-TOP: 0px;
    LETTER-SPACING: 4px
}
div#column1 P
{
    PADDING-RIGHT: 250px! important;
    PADDING-LEFT: 0px! important;
    PADDING-BOTTOM: 0px! important;
    MARGIN: 0px 0px 0px 3px;
    LINE-HEIGHT: 1.8em;
    PADDING-TOP: 0px! important;
    TEXT-ALIGN: justify
}
div#column1 .moreinfo
{
    TEXT-ALIGN: right
}



div#news
{
    BORDER-RIGHT: #af7315 2px outset;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #af7315 2px outset;
    PADDING-LEFT: 5px;
    Z-INDEX: 10;
    LEFT: -10px;
    PADDING-BOTTOM: 15px;
    MARGIN: 15px 20px 0px 15px;
    BORDER-LEFT: #af7315 2px outset;
    WIDTH: 160px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #af7315 2px outset;
    POSITION: absolute;
    TOP: 240px;
    BACKGROUND-COLOR: #f29400
}
div#news H3
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 1.1em;
	FONT-WEIGHT: bold;
    MARGIN: 0px;
    COLOR: #ffffff;
    BORDER-BOTTOM: #af7315 2px solid;
    LETTER-SPACING: 1px;
	text-align:center;
}
div#news H4
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 0.9em;
    PADDING-BOTTOM: 0px;
    MARGIN: 8px 0px 0px 3px;
    COLOR: #000000;
    PADDING-TOP: 0px;
    FONT-STYLE: normal
}
div#news P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 0.9em;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 3px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left
}
div#news .moreinfo
{
    TEXT-ALIGN: right
}




div#intro
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 15px;
    MARGIN: 0px -30px 0px -15px;
    COLOR: #ffffff;
    PADDING-TOP: 15px;
    BACKGROUND-COLOR: #cfd0d2;
	
	min-width:645px;
}
div#intro H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 1.6em;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    LETTER-SPACING: 3px;
	
	min-width:400px;	
}
div#intro P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 10px;
    PADDING-TOP: 0px;
    FONT-STYLE: italic;
	
	min-width:645px;
}




div#greve
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 15px;
    MARGIN: 0px -30px 0px -15px;
    COLOR: #000000;
    PADDING-TOP: 15px;
    BACKGROUND-COLOR: #fd9d13;
	
	min-width:645px;
}
div#greve H2
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 1.6em;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    LETTER-SPACING: 3px;
	text-align: center;
	min-width:400px;	
}
div#greve P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-WEIGHT: bold;
	FONT-SIZE: 1.6em;
	COLOR: #fc0404;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px 10px;
    PADDING-TOP: 0px;
	text-align: center;
	
	min-width:645px;
}





div#patientez
{
  text-align: center;
	
}
div#patientez P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 1.6em;
		font-weight: bold;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    COLOR: #96BE11;
		text-align: center;
}

div#itineraire
{
  BORDER-TOP: 3px outset;
	BORDER-RIGHT: 3px outset;
  BORDER-BOTTOM: 3px outset;
	BORDER-LEFT: 3px outset;
	/*#80698f*/
	BORDER-TOP-COLOR: #5D760B;
	BORDER-RIGHT-COLOR: #5D760B;
	BORDER-BOTTOM-COLOR: #5D760B;
	BORDER-LEFT-COLOR: #5D760B;
	
	MARGIN-LEFT: 15px;
	
	FONT-SIZE: 0.9em;
  WIDTH: 370px;
  HEIGHT: 190px;
  BACKGROUND-COLOR: #96BE11;
	
	
	
	POSITION:absolute;
	/*float: left;*/
}

div#itineraire FIELDSET
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}

div#itineraire LEGEND
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 3px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.7em;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px -5px;
    COLOR: #ffffff;
    WIDTH: 100%;
    PADDING-TOP: 0px;
    FONT-STYLE: italic
}

div#itineraire P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 5px 0px;
    PADDING-TOP: 0px
}

label#date_heure {
	margin-left: 3px;
}
#jour
{
	WIDTH: 45px;
	margin-left: 3px;
}

#mois
{
	WIDTH: 96px;
}

#semaine
{
	WIDTH: 145px;
	margin-left: 3px;
}

div#hora
{
	BORDER-TOP: 3px outset;
	BORDER-RIGHT: 3px outset;
	BORDER-BOTTOM: 3px outset;
	BORDER-LEFT: 3px outset;
	
	BORDER-TOP-COLOR: #657f70;
	BORDER-RIGHT-COLOR: #657f70;
	BORDER-BOTTOM-COLOR: #657f70;
	BORDER-LEFT-COLOR: #657f70;
	
	BACKGROUND-COLOR: #97bed0;
	
	
	FONT-SIZE: 0.9em;
	WIDTH: 370px;
	HEIGHT: 190px;
	
	POSITION: relative;
	
	/*Décalage par rapport au bloc itinéraire */
	LEFT: 405px;
	top: 0px;
}
div#hora FIELDSET
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
div#hora LEGEND
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.7em;
    PADDING-BOTTOM: 7px;
    MARGIN: 7px 0px 0px -10px;
    COLOR: #ffffff;
    PADDING-TOP: 0px;
    FONT-STYLE: italic
}
div#hora LEGEND
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 0px 0px -5px;
    WIDTH: 100%;
    PADDING-TOP: 0px
}
div#hora P
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 10px 0px;
    PADDING-TOP: 0px
}

div#lignehora
{
	MARGIN: 10px 0px;
}







/**********************************************************************************************************************/
/*****************   Code CSS relatif au contenu de la page ASP d'affichage du résultat de la recherche d'itinéraire
/**********************************************************************************************************************/

DIV#texterreur {
	text-align: center;
}

TR.searchiti 
{
	background-color: #00ff00;
    BORDER-RIGHT: #00ff00 0px hidden;
    BORDER-TOP: #ff0000 0px hidden;
    BORDER-LEFT: #000000 0px hidden;
    BORDER-BOTTOM: #000000 0px hidden
}

TD.searchiti 
{
    BORDER-RIGHT: #00ff00 0px hidden;
    BORDER-TOP: #ff0000 0px hidden;
    BORDER-LEFT: #000000 0px hidden;
    BORDER-BOTTOM: #000000 0px hidden
}

TABLE.searchiti
{
	MARGIN-TOP: 4px;
    MARGIN-LEFT: 2em;
	MARGIN-RIGHT: 2em;
	
    BORDER-RIGHT: 4px double;
    BORDER-TOP: 4px double;
    BORDER-LEFT: 4px double;
    BORDER-BOTTOM: 4px double
}
TABLE.searchiti2
{
    MARGIN-TOP: 4px;
    MARGIN-LEFT: 2em;
	MARGIN-RIGHT: 2em;
	
    BORDER-RIGHT: 4px double;
    BORDER-TOP: 4px double;
    BORDER-LEFT: 4px double;
    BORDER-BOTTOM: 4px double
}
TABLE.searchiti3
{
    MARGIN-TOP: 4px;
    MARGIN-LEFT: 2em;
	MARGIN-RIGHT: 2em;
	
    BORDER-RIGHT: 4px double;
    BORDER-TOP: 4px double;
    BORDER-LEFT: 4px double;
    BORDER-BOTTOM: 4px double
}
TD.iticol1
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 1px solid;
    PADDING-LEFT: 5px;
	BORDER-BOTTOM: #000000 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 600px;
	
	
    COLOR: #d02b88;
    HEIGHT: 20px;
	FONT-WEIGHT: bold;
    TEXT-ALIGN: center
}
TD.iticol2
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 1px solid;
    PADDING-LEFT: 5px;
	BORDER-BOTTOM: #000000 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 600px;
	
	FONT-WEIGHT: bold;
	COLOR: #d02b88;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itidep
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 1px solid;
    PADDING-LEFT: 5px;
	BORDER-BOTTOM: #000000 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 600px;
	
	
	
	COLOR: #d02b88;
    FONT-STYLE: italic;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itideparret
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 1px solid;
    PADDING-LEFT: 5px;
	BORDER-BOTTOM: #000000 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 600px;
	
	
	TEXT-TRANSFORM: uppercase;
	FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
	COLOR: #d02b88;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itidate
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 1px solid;
    PADDING-LEFT: 5px;
	BORDER-BOTTOM: #000000 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 600px;
	
	
	
	
	COLOR: #d02b88;
    FONT-STYLE: italic;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itidatedep
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 1px solid;
    PADDING-LEFT: 5px;
	BORDER-BOTTOM: #000000 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 600px;
	
	
	
	FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
	COLOR: #d02b88;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itiarriv
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 1px solid;
    PADDING-LEFT: 5px;
	BORDER-BOTTOM: #000000 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 600px;
	
	
	
	COLOR: #d02b88;
    FONT-STYLE: italic;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itiarrivarret
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 1px solid;
    PADDING-LEFT: 5px;
	BORDER-BOTTOM: #000000 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 600px;
	
	
	FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
	TEXT-TRANSFORM: uppercase;
	COLOR: #d02b88;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itiheure
{
	BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 1px solid;
    PADDING-LEFT: 5px;
	BORDER-BOTTOM: #000000 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 600px;	
	
	COLOR: #d02b88;
    FONT-STYLE: italic;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itiheurearriv
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
	PADDING-TOP: 5px;
	BORDER-LEFT: #000000 1px solid;
    PADDING-LEFT: 5px;
	BORDER-BOTTOM: #000000 1px solid;
    PADDING-BOTTOM: 5px;
    WIDTH: 600px;
	
	FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
	COLOR: #d02b88;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itidetail
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 100%;
    COLOR: #d02b88;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-STYLE: italic;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itidetailrep
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 600px;
    COLOR: #008080;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #000000 1px solid;
    HEIGHT: 20px
}
TD.itiduree
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 5px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 250px;
    COLOR: #d02b88;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #000000 1px solid;
    FONT-STYLE: italic;
    HEIGHT: 20px;
    TEXT-ALIGN: center
}
TD.itidureerep
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 600px;
    COLOR: #008080;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #000000 1px solid;
    HEIGHT: 20px
}

P.searchitiv 
{
	FONT-SIZE:0.8em;
	COLOR: #008080;
	TEXT-ALIGN: center
}



/**********************************************************************************************************************/
/*****************   Code CSS relatif au formulaire de saisie des paramètres de recherche d'horaires
/**********************************************************************************************************************/
#formhoraires {
	padding: 10px 20px;
}

#submithoraires{
	padding: 10px 20px;
	float: left;
}


#scat{
	padding: 10px 20px;
	position: relative;
}

#scatligne{
	padding: 10px 20px;
}

/**********************************************************************************************************************/
/*****************   Code CSS relatif au contenu de la page ASP d'affichage du résultat de la recherche des horaires
/**********************************************************************************************************************/

#lienretour {
	text-align: center;
}

#lienretour a{
	text-align: center;
	font-weight: bold;
	color: #d02b88;
}

div.tableauhoraires {
	margin: 0 30px;
	width: 800px;
}

#horaires1
{
    MARGIN: 20px;
    WIDTH: 100%;
    TEXT-ALIGN: center
}
#horaires2
{
    /*MARGIN: 0px 0px 20px 20px;*/
	width: 700px;
	margin: 0 50px 20px 50px;
    TEXT-ALIGN: center
}
#horaires2 TH
{
    FONT-SIZE: 1.2em;
    WIDTH: 200px
}
#horaires2 TD
{
    BORDER-RIGHT: black 1px solid;
    BORDER-TOP: black 1px solid;
    BORDER-LEFT: black 1px solid;
    BORDER-BOTTOM: black 1px solid
}
#horaires3
{
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    MARGIN: 0px 0px 20px 20px;
    BORDER-LEFT: #cccccc 1px solid;
    BORDER-BOTTOM: #cccccc 1px solid
}
#horaires3 TD.direction
{
    WIDTH: 300px;
    TEXT-ALIGN: left
}
#horaires3 TR.color1
{
    BACKGROUND-COLOR: #ffffcc
}
TABLE#horaires3 TD
{
    BORDER-RIGHT: #cccccc 1px solid;
    BORDER-TOP: #cccccc 1px solid;
    BORDER-LEFT: #cccccc 1px solid;
    WIDTH: 60px;
    BORDER-BOTTOM: #cccccc 1px solid;
    TEXT-ALIGN: center
}
P.horaire_plan
{
    FONT-SIZE: 0.8em;
    FONT-STYLE: italic;
    TEXT-ALIGN: center
}


/**********************************************************************************************************************/
/*****************   Code CSS relatif au contenu de la page d'affichage du résultat de la recherche de fiches hora
/**********************************************************************************************************************/
P#saison {
	padding: 0 20px;
	text-decoration: underline;
}







/**********************************************************************************************************************/
/*****************   Code CSS relatif au contenu de la page d'affichage du résultat de la recherche par mot
/**********************************************************************************************************************/
DIV.resultsearch
{
    BORDER-RIGHT: #c3cddf 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #c3cddf 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px 20px 10px 0px;
    BORDER-LEFT: #c3cddf 1px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #c3cddf 1px solid;
    BACKGROUND-COLOR: #e0e5ef
}
DIV.resultsearch P
{
    MARGIN: 5px 0px 5px 10px
}
DIV.resultsearch P.moreinfo
{
    MARGIN-LEFT: 10px
}



/**********************************************************************************************************************/
/*****************   Code CSS relatif au formulaire d'envoi de mail
/**********************************************************************************************************************/
#mail
{
    WIDTH: 550px
}
#mail P
{
    BORDER-RIGHT: #ffffff 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #ffffff 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    MARGIN: 2px 0px 4px;
    BORDER-LEFT: #ffffff 1px solid;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #ffffff 1px solid
}
#mail P.error
{
    BORDER-RIGHT: #ff0000 1px solid;
    BORDER-TOP: #ff0000 1px solid;
    BORDER-LEFT: #ff0000 1px solid;
    BORDER-BOTTOM: #ff0000 1px solid;
    BACKGROUND-COLOR: #ffefef
}
#mail LEGEND
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.1em;
    COLOR: #000000;
    FONT-STYLE: italic
}
#mail LEGEND.envoimess
{
    COLOR: #97bed0
}
#mail FIELDSET
{
    BORDER-RIGHT: #97bed0 1px solid;
    PADDING-RIGHT: 5px;
    BORDER-TOP: #97bed0 1px solid;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    BORDER-LEFT: #97bed0 1px solid;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #97bed0 1px solid
}


/**********************************************************************************************************************/
/*****************   Code CSS relatif au pied de page
/**********************************************************************************************************************/
#footer
{
    WIDTH: 100%;
    HEIGHT: 25px
}
#footer P
{
    PADDING-TOP: 3px;
    TEXT-ALIGN: center
}
#rss
{
    PADDING-LEFT: 20px;
    BACKGROUND: url(./img/rss.png) no-repeat 0px center
}



/***********************************************************************************************************************/
/*************** Code relatif au formulaire de jeu concours
/**********************************************************************************************************************/

/**********************/
/** Envoi des messages **/
/*********************/
div#jeu_concours form{
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;

}

div#jeu_concours fieldset{
	margin-left: 40px;
	padding: 5px 0 5px 15px;
	width: 350px;
}

div#textbox {
	margin-bottom: 5px;
}

div#textbox label {
	margin-bottom: 0;
	min-width: 50px;
}

div#textbox input {
	min-width: 180px;
}

label#lblerreur {
	color: red;
	font-weight: bold;
}

input#txtnom {
	margin-left: 55px;
}
input#txtprenom {
	margin-left: 35px;
}
input#txtcp {
	margin-left: 5px;
}
input#txtville {
	margin-left: 57px;
}
input#txttel {
	margin-left: 15px;
}
input#txtmail {
	margin-left: 43px;
}

textarea#txtadresse {
	min-width: 180px;
	min-height: 50px;
	margin-bottom: 5px;
	margin-left: 31px;
}

label#lbladresse{
	vertical-align: top;
}

div#boutons {
	margin-top: 5px;
	width: 335px;
	text-align: center;
}

div#RetourIndex {
	text-align:center;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#loiinfratique {
	text-align: justify;
	margin-right: 15px;
}

/**********************************************************************************************************************/
/*****************   Code CSS relatif à la page en de perturbations en cas de grêves
/**********************************************************************************************************************/
div#perturbations {
	background-color: #FFFFCC;
	margin-bottom: 5px;
}


div#perturbations P {
	margin: 0;
	padding: 0 5px 5px 5px;
}

p#attention {
	color: #E42E19;
	font-weight: bold;
}

p#bold {
	font-size: 1.5em;
	font-weight: bold;
}

div#perturbations H2 {
	color: red;
	text-align: center;
	BACKGROUND: none;
	padding: 5px 5px 5px 5px;
}



/**********************************************************************************************************************/
/*****************   Code CSS relatif ??????????????????????????
/**********************************************************************************************************************/
#tree
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 50px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 10px;
    PADDING-BOTTOM: 10px;
    MARGIN: 10px 0px 0px 15px;
    COLOR: #8aadd7;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none! important
}
#tree LI.TitleCategory
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 2em;
    COLOR: #8aadd7;
    LIST-STYLE-TYPE: none
}
LI#plansite
{
    LIST-STYLE-IMAGE: url(./img/puce_transparente.gif)
}

P.phraserelancesearch
{
    FONT-SIZE: 15px;
    MARGIN: 2em;
    COLOR: #d02b88;
    TEXT-ALIGN: center
}