@import "custom.css";

BODY {
	BACKGROUND-COLOR: #FFFFFF;
	TEXT-ALIGN: center;
	FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	COLOR: #000000;
	FONT-SIZE: 77%;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 0px;
}

A {
	COLOR:	#127ED8;
	TEXT-DECORATION: none;	 
}
A:hover {
	TEXT-DECORATION: underline;	
}

A:visited {
	COLOR:	#127ED8; 
}
H2, H3, H4, H5, H6 {
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
	PADDING: 0px;
	MARGIN: 0px;
	BORDER: 0px;
}
FORM, IMG {
	PADDING: 0px;
	MARGIN: 0px;
	BORDER: 0px;
}
FIELDSET {
	BORDER : 0px;
}

FIELDSET LEGEND {
		FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
}

P {
	MARGIN: 0px 0px 10px 0px;
	PADDING: 0px;
}
STRONG {
	FONT-SIZE: 100%;
	FONT-WEIGHT: bold;
}
EM {
	FONT-SIZE: 100%;
	FONT-STYLE: italic;
}

.invisible { DISPLAY: none; }
.left { FLOAT: left; }
.right { PADDING:0px; MARGIN: 0px; FLOAT: right; }
.center { TEXT-ALIGN: center; }
.middle { VERTICAL-ALIGN: middle; }
.italic { FONT-STYLE: italic; }
.bold { FONT-WEIGHT: bold; }
.clear { CLEAR: both; }
.disabled { COLOR: #AAAAAA; }

/* messages d'erreur et de confirmation */
.error {
	COLOR: #FF0000;
	MARGIN-BOTTOM: 5px;
}

/* images */
.leftImg {
	MARGIN: 10px;
	FLOAT: left;
}
.rightImg {
	MARGIN: 5px;
	FLOAT: right;
}
.centerImg {
	MARGIN: 5px;
	TEXT-ALIGN: center;
}

.alignToList
{
	margin-left: 25px;
}


/* Structure principale
-----------------------
         HEAD
-----------------------
        (MAIN)
 LEFT | MIDDLE | RIGHT
-----------------------
         FOOT
----------------------- */
#global {
	WIDTH: 960px;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	TEXT-ALIGN: left;
}

#main {
	BORDER-LEFT: 1px solid #D6D2D1;
	BORDER-RIGHT: 1px solid #D6D2D1;
	PADDING: 0px;
	MARGIN: 0px;
}

#barlink {
   FLOAT: left;
   WIDTH: 938px;
   HEIGHT: 24px;
 
   COLOR: white;
   BACKGROUND-COLOR: #435259;
   TEXT-ALIGN: center;
   MARGIN:0px;
   PADDING:0px;
}
.barlink_corner_left
{
    FLOAT: left;
    WIDTH: 10px;
 	HEIGHT: 24px;
/* 	PADDING: top; */
 
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(../img/Top_angle_1.gif);
    BACKGROUND-REPEAT: no-repeat;
    
}
.barlink_corner_right
{
    FLOAT: left;
    WIDTH: 12px;
	HEIGHT: 24px;

    BACKGROUND-POSITION: right top;
    BACKGROUND-IMAGE: url(../img/Top_angle_2.gif);
    BACKGROUND-REPEAT: no-repeat;
}
#barlink UL
{
    MARGIN: 0px;
    PADDING : 5px 0px 0px 0px;
}
#barlink LI
{
    DISPLAY: inline
    
}
#barlink A
{
    COLOR: white;
	 padding-left: 5px;
	 BACKGROUND-COLOR: #435259;
}

/* En-tête */
#head .tools {
	FLOAT: right;
}

/* quick links */
#RightElement300px{
	MARGIN-LEFT:300px;
}

#RightElementHead{
	MARGIN-TOP: 10px;
	MARGIN-LEFT: 400px;
}


#navbas {
	margin-top: 16px 10px 16px 0px;
	WIDTH: 250px;
}




#navbas H2 {
	DISPLAY: none;
}
#navbas UL {
	MARGIN: 0px;
	PADDING: 2px 5px 2px 5px;

	List-style : none;
	/*LIST-STYLE-IMAGE: url("../img/petite_fleche_bleue.gif");*/
	
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
}
#navbas LI {
	PADDING: 0px 5px 0px 5px;
}

#navbas A {
	TEXT-DECORATION: none;
	COLOR: #000000;
}
#navbas A:hover {
	TEXT-DECORATION: underline;
}

/* Outil recherche */
#textFind .trajet_button
{
	background-color: #2B6CAC;
	color: White;
	margin-top: 5px;
	margin-right: 0px;
	BORDER: 0px;
	height: 22px;
	font-size: 100%;
	FONT-WEIGHT: bold;
	FONT-FAMILY: 'Trebuchet MS';
	/*text-decoration: underline;	*/
	border: 1px solid White;
}


/* Espace adhérent */
#head .perso
{
	FLOAT: left;
	MARGIN-RIGHT: 10px;	
	margin-top: 10px;
}
#adherent
{
    BACKGROUND-POSITION: left top;
    BACKGROUND-IMAGE: url(../img/bg_espaceperso2.gif);
    BACKGROUND-REPEAT: no-repeat;
    WIDTH: 170px;
    HEIGHT: 60px;
    padding-top : 10px;    
}
.adherent_top
{
    BACKGROUND-POSITION: center bottom;
    BACKGROUND-IMAGE: url(../img/top_perso.gif);
    BACKGROUND-REPEAT: no-repeat;
    WIDTH: 169px; 
    HEIGHT: 11px;
}
.adherent_bottom
{
    BACKGROUND-POSITION: center top;
    BACKGROUND-IMAGE: url(../img/base_perso.gif);
    BACKGROUND-REPEAT: no-repeat;
    WIDTH: 169px;
    HEIGHT: 10px;
    
}
#adherent H2 {
    COLOR: #ffe715;
	 padding-left : 10px;
}

#adherent DIV {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 2px;
}

#adherent A {
	color : white;
	TEXT-DECORATION: none;
	margin-left: 5px;
	FONT-FAMILY: 'Trebuchet MS';
	FONT-SIZE: 90%;	
}

#adherent A:hover {
	TEXT-DECORATION: underline;
}


#adherent A.memberHelpLink
{
	float:right;
	margin-right: 5px;

}


/* Composant de connexion / inscription */
#adherent UL {
	LIST-STYLE: inside;		
	MARGIN : 5px 0px 0px 10px;
	padding: 0px;
}

#adherent LI {
	DISPLAY: inline;
	padding-left : 5px;
	margin-right : 5px;
	BACKGROUND-POSITION: left center;
    BACKGROUND-IMAGE: url(../img/fleche_jaune.gif);
    BACKGROUND-REPEAT: no-repeat;
}

/* Menu principal */
/*#navprinc {
	PADDING-LEFT: 170px;
}
#navprinc UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#navprinc LI {
	TEXT-ALIGN: center;
	DISPLAY: inline;
	FLOAT: left;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	FONT-SIZE: 130%;
	PADDING: 0px;
	MARGIN: 0px 5px 0px 5px;
}
#navprinc LI DIV {
	PADDING-TOP: 6px;
}
#navprinc LI A {
	TEXT-DECORATION: none;
	DISPLAY: block;
	COLOR: #FFFFFF;
    BACKGROUND-IMAGE: url("../img/navprinc_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	WIDTH: 144px;
	HEIGHT: 35px;
}
#navprinc LI A:hover, #navprinc LI A.on {
    BACKGROUND-IMAGE: url("../img/navprinc_bg_on.gif");
    TEXT-DECORATION: none;
}*/






/* Menu secondaire */
#navsec {
	MARGIN-LEFT: 10px;
}

/* Blocs univers et rubriques en cours */
/*#navsec .univers {
	MARGIN-TOP: 20px;
	WIDTH: 166px; 
    BACKGROUND: #FFC322 url("../img/univers_top.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	FONT-SIZE: 130%;
	TEXT-ALIGN: center;
	COLOR: #009C73;
	PADDING-TOP: 5px;
	FONT-WEIGHT: bold;
}
#navsec .rubriques {
	WIDTH: 166px;
    BACKGROUND: #009C73 url("../img/rubriques_bottom.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: bottom left;
	COLOR: #FFFFFF;
}
#navsec .rubriques UL {
	MARGIN: 0px;
	PADDING: 10px 10px 10px 30px;
}
#navsec .rubriques LI {
	PADDING-BOTTOM: 3px;
}
#navsec .rubriques A {
	TEXT-DECORATION: none;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
}
#navsec .rubriques A:hover {
	TEXT-DECORATION: underline;
}
#navsec .rubriques LI.on, #navsec .rubriques A.on {
	COLOR: #FDB71C;
}*/


/* Blocs ITINERAIRE, HORAIRES et PLANS */
/*#navsec .block {
	MARGIN-TOP: 20px;
	WIDTH: 170px;
    BACKGROUND: #F3BC36 url("../img/left_block_top.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}
#navsec .block H2 {
	FONT-SIZE: 123%;
	TEXT-ALIGN: center;
	COLOR: #009C73;
	PADDING-TOP: 5px;
}
#navsec .block A {
	TEXT-DECORATION: none;
	COLOR: #009C73;
}
#navsec .block A:hover {
	TEXT-DECORATION: underline;
}
#navsec .block FIELDSET {
	MARGIN: 0px;
	PADDING: 0px 0px 0px 5px;
    padding : 15px 0px 0px 35px;
}
#navsec .block LEGEND {
    DISPLAY: none;
}
#navsec .block LABEL {
    DISPLAY: none;
}
#navsec .block .input {
	WIDTH: 130px;
    BORDER: none;
    BACKGROUND-COLOR: #FFFFFF;
	MARGIN-TOP: 3px;
	FONT-SIZE: 100%;
	PADDING: 2px;
}
#navsec .block .submit {
    BORDER: none;
    BACKGROUND-COLOR: #FFC322;
    COLOR: #FFFFFF;
    PADDING: 0px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 100%;
}
#navsec .blockbottom {
	WIDTH: 170px;
	HEIGHT: 10px;
    BACKGROUND-IMAGE: url("../img/left_block_bottom.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}*/

/* Bloc information */
/*
#news {
	WIDTH: 144px;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: 10px;
	TEXT-ALIGN: left;
}*/
/* Blocks Trafic, Actualités et Lettre d'info */
/*
#news .block {
	COLOR: #FFFFFF;
	MARGIN-TOP: 20px;
	WIDTH: 144px;
    BACKGROUND: #009C73 url("../img/right_block_top.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}
#news .block H2 {
	TEXT-ALIGN: center;
	FONT-SIZE: 115%;
	PADDING-TOP: 5px;
}
#news .block UL {
	FONT-SIZE: 92%;
	PADDING: 0px;
	MARGIN: 5px;
	LIST-STYLE: inside;
}
#news .block LI {
	PADDING-BOTTOM: 3px;
}
#news .block A {
	COLOR: #FFFFFF;
	TEXT-DECORATION: none;

}
#news .block A:hover {
	TEXT-DECORATION: underline;
}

#news .block .lien {
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: right;
}
#news .block .lien A {
	TEXT-DECORATION: underline;
}
#news .blockbottom {
	WIDTH: 144px;
	HEIGHT: 11px;
    BACKGROUND-IMAGE: url("../img/right_block_bottom.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}*/

/* Bloc information */
/*
#info {
	WIDTH: 144px;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: 10px;
	TEXT-ALIGN: left;
}*/
/* bloc Lettre d'info */
/*
#news .blockinfo {
	COLOR: #FFFFFF;
	MARGIN-TOP: 20px;
	WIDTH: 144px;
    BACKGROUND: #009C73 url("../img/right_block_top.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}
#news .blockinfo H2 {
	TEXT-ALIGN: center;
	FONT-SIZE: 115%;
	PADDING-TOP: 5px;
}
#news .blockinfo UL {
	FONT-SIZE: 92%;
	PADDING: 0px;
	MARGIN: 5px;
	LIST-STYLE: inside;
}
#news .blockinfo LI {
	PADDING-BOTTOM: 3px;
}
#news .blockinfo A {
	COLOR: #FFFFFF;
}

#news .blockinfo A:hover {
	TEXT-DECORATION: underline;
}

#news .blockinfo .lien {
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
	TEXT-ALIGN: right;
}*/

/* Contenu */
#content {
/*	BACKGROUND-COLOR: #FFFFFF;
	OVERFLOW: auto;
	PADDING: 0px; */
}
#content .content_tl {
	WIDTH: 15px;
	HEIGHT: 15px;
	BACKGROUND-IMAGE: url("../img/content_top_left.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}
#content .content_tr {
	FLOAT: right;
	WIDTH: 15px;
	HEIGHT: 15px;
	BACKGROUND-IMAGE: url("../img/content_top_right.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}
#content .content_bl {
	WIDTH: 15px;
	HEIGHT: 15px;
	BACKGROUND-IMAGE: url("../img/content_bottom_left.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}
#content .content_br {
	FLOAT: right;
	WIDTH: 15px;
	HEIGHT: 15px;
	BACKGROUND-IMAGE: url("../img/content_bottom_right.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}

#contenu {
/*	PADDING: 0px 15px 0px 15px;
	MARGIN: 0px;
	COLOR: #004D7B; */
}

#navigation {
/*	BACKGROUND-COLOR: #FFFFFF; */
	FONT-SIZE: 107%;
	COLOR: #0D5492;
	MARGIN-BOTTOM: 15px;
	 FONT-FAMILY: 'Trebuchet MS'; 
}
#navigation A {
	COLOR: #0D5492;
	TEXT-DECORATION: none;
}
#navigation A:hover {
	COLOR: #0D5492;
	TEXT-DECORATION: underline;
}
#navigation SPAN {
	FONT-WEIGHT: bold;
	 FONT-FAMILY: 'Trebuchet MS'; 
}

#contenu H1 {
	FONT-WEIGHT: bold;
	TEXT-ALIGN : Left;
	FONT-SIZE: 120%;
	COLOR : #FFFFFF;
	MARGIN : 3px 0px 0px 0px;
	PADDING : 0px 0px 0px 0px;
	BORDER: 0px;
}
#contenu H2 {
	FONT-SIZE: 120%;
	COLOR: #127ED8;
	FONT-WEIGHT: bold;
	BACKGROUND-IMAGE: url("../img/page/DoubleFlecheBleue.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	PADDING: 0px 0px 0px 16px;
	MARGIN: 25px 0px 2px 0px;
}

#contenu UL {
}
#contenu LI {
	LIST-STYLE-IMAGE: url("../img/li.gif");
}

#contenu UL.thm {
	MARGIN: 20px 0px 0px 0px;
	PADDING: 0px;
	LIST-STYLE: none;
	LIST-STYLE-IMAGE: none;
}
#contenu UL.thm LI {
	PADDING-LEFT: 3px;
	margin-left: 2em;
	LIST-STYLE-IMAGE: url("../img/fleche_theme.gif");
}
#contenu UL.thm H2 {
	BORDER: none;
}

#contenu A {
	COLOR: #127ED8;

}

#contenuLienPrincipaux A {
	COLOR: #127ED8;
	BACKGROUND-IMAGE: url("../img/page/fleche_jaune.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left;
	PADDING : 0px 0px 0px 14px;
	MARGIN : 0px 0px 0px 0px;
}

/* bouton retour */
#back {
	FONT-SIZE: 92%;
	MARGIN-TOP: 10px;
	TEXT-ALIGN: center;
}
#back IMG {
	MARGIN-RIGHT: 3px;
}
#back A {
	COLOR: #127ED8;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
}
#back A:hover {
	TEXT-DECORATION: underline;
}

/* retour haut de page */
#gotop {
	/* MARGIN-RIGHT: 174px; */
	PADDING-RIGHT: 20px;
	FONT-SIZE: 92%;
	TEXT-ALIGN: right;
	COLOR : #127ED8;
/*	CLEAR: both;
	BACKGROUND-IMAGE: url(../img/puce_top.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: right; */
}

#gotop A {
	COLOR : #127ED8;

}

/* Pied de page */
#foot {
	text-align: center;
/*	background-color: White; */
	COLOR: #2B6CB0;
}

.foot_bar_corner_left {
	float: left;
	width: 10px;
	height: 18px;
	BACKGROUND-IMAGE: url(../img/base_foot_left.gif);
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
}
.foot_bar_corner_right
{
	float: left;
	width: 12px;
	height: 18px;
	BACKGROUND-IMAGE: url(../img/base_foot_right.gif);
	BACKGROUND-REPEAT: no-repeat;
   BACKGROUND-POSITION: right top;
}


#foot UL {
	COLOR: #FFFFFF;
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#foot LI {
	MARGIN: 0px;
	PADDING: 0px;
}

#foot A {
	COLOR: #2B6CB0;
}

#legalNotice
{
	text-align: center;
	MARGIN: 0px;
	PADDING: 0px;
	COLOR: #2B6CB0;
}
#legalNotice UL {
	COLOR: #FFFFFF;
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#legalNotice LI {
	MARGIN: 0px;
	PADDING: 0px;
	DISPLAY: inline;
}

#legalNotice A {
	COLOR: #2B6CB0;
	MARGIN: 0px;
	PADDING: 0px;
}

.rss_link
{
	BACKGROUND-IMAGE: url(../img/rss.gif);
	BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left;	
}

.rss_link A SPAN
{
    MARGIN: 0px 0px 0px 0px;
	PADDING: 0px 0px 0px 15px;	
}

#formulaire
{
	PADDING: 2px 0px 2px 0px;
}

#formulaire LABEL
{
	FLOAT: Left;
	MARGIN: 0px 0px 0px 0px;
	PADDING: 0px 0px 0px 0px;
	WIDTH: 120px;
}

#formulaire INPUT
{
	WIDTH: 300px;
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px 0px 0px 0px;
}

#formulaire TEXTAREA
{
	WIDTH: 400px;
	PADDING: 0px 0px 0px 0px;
	MARGIN: 0px 0px 0px 0px;
}

.buttonCentered
{
	text-align: center;
}

.importantLink
{
	/*FONT-WEIGHT: bold;*/
	text-align: center;
}


.printLink
{
	
	BACKGROUND-IMAGE: url(../img/picto_impr.gif);
	BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-POSITION: left;
    PADDING: 0px 0px 0px 16px;
}

.allo
{
	
	text-align: center;
	margin-top : 20px;
}


#siteMap
{
		list-style:none;
}

#siteMap UL
{
		
}

#siteMap UL LI
{
		list-style:none;
		BACKGROUND-IMAGE: url("../img/page/fleche_jaune.gif");
		BACKGROUND-REPEAT: no-repeat;
		BACKGROUND-POSITION: left;
		PADDING: 0px 0px 0px 14px;
		MARGIN: 0px;
}

.searchResults
{
		list-style:none;
}

.searchResults UL
{
		
}

.searchResults UL LI
{
		list-style:none;
		BACKGROUND-IMAGE: url("../img/page/fleche_jaune.gif");
		BACKGROUND-REPEAT: no-repeat;
		BACKGROUND-POSITION: top-left;
		PADDING: 0px 0px 0px 14px;
		MARGIN: 0px;
}



/*
#imageAO  {
	float:left;
	position:absolute;
	MARGIN: 0px;
	PADDING: 0px;	
	top: 525px;
}

#imageAOPage  {
	float:left;
	MARGIN: 0px;
	PADDING: 0px;
	position:absolute;
	top: 472px;
	background: url(../img/plusdinfo.gif) no-repeat;
	margin-left: 10px;
	width: 170px;
	height:170px;
}

#imageAOPage  a:link{
	color: #f5bc37;
}
#imageAOPage  a:visited{
	color: #f5bc37;
}

#imageAOPage  a:hover{
	color: white;
}

#imageAOPage #plus {
	padding: 1px 1px 0px 7px;
	float: left;
	text-decoration: none;
}

#plusinfo{
	margin: 0em 0em 0em 2em;
	font-size: 12px;
	font-weight: bold;
}
#plusinfo p{
	margin: 0;
	padding: 0;
}*/