@import "custom.css";

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

#global H1 {
	DISPLAY: none;
}
#left {
	WIDTH: 159px;
	FLOAT: left;
}
#right {
	FLOAT: left;
}


/* Zones page d'accueil */
#edito {
	FLOAT: left;
	/* Pour corriger le problème généré sous IE par le <div class="clear"></div> */
	WIDTH: 220px !important;
	PADDING: 0px !important;
	WIDTH: 230px;
	PADDING-RIGHT: 10px;
}
#edito P {
	TEXT-ALIGN: justify;
	COLOR: #636B8B;
}
#edito H2 {
	FONT-SIZE: 115%;
}
#edito IMG {
	MARGIN: 5px;
}

#rightpadding 
{
	FLOAT:left;
	WIDTH: 230px !important; /* pour la gestion du padding */
	WIDTH: 240px;
}

#actualites {
	FLOAT: left;
	WIDTH: 230px !important; /* pour la gestion du padding */
	WIDTH: 240px;
	MARGIN-LEFT: 12px;
	PADDING: 5px 5px 50px 5px;
	MARGIN-TOP: 15px;
	BACKGROUND-COLOR: #E3E6EF;
}
#actualites H2 {
	FONT-SIZE: 115%;
}
#actualites UL {
	MARGIN: 0px;
	PADDING: 0px;
	LIST-STYLE: none;
}
#actualites LI {
	MARGIN-TOP: 5px;
	MARGIN-BOTTOM: 15px;
	PADDING-LEFT: 15px;
	BACKGROUND-IMAGE: url("../img/FR/actualites_li.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	WIDTH:200px;
}
#actualites IMG {
	MARGIN-RIGHT: 5px;
}
#actualites DIV.all {
	TEXT-ALIGN: right;
	FONT-SIZE: 92%;
	FONT-WEIGHT: bold;
}
#flash {
	FLOAT: left;
	WIDTH: 230px !important; /* pour la gestion du padding */
	WIDTH: 240px;
	MARGIN-LEFT: 7px;
	MARGIN-TOP: 10px;
	PADDING: 5px 5px 5px 5px;
	BACKGROUND-COLOR: #FFFFFF;
}
#transport {
	FLOAT: left;
	
	WIDTH: 280px;
	
/*	MARGIN-LEFT: 230px;
	MARGIN-RIGHT: 250px; */

	BORDER-LEFT: 1px solid #BECBEA;
	BORDER-RIGHT: 1px solid #BECBEA;
	PADDING-TOP: 15px;
}
#transport .separateur {
	BORDER-TOP: 1px solid #BECBEA;
}

#horaires {
	MARGIN-LEFT: 10px;
	MARGIN-RIGHT: 10px;
	MARGIN-BOTTOM: 10px;
	BACKGROUND-COLOR: #BECBEA;
	PADDING: 20px 10px 20px 20px;
}

#horaires H2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 115%;
	PADDING-LEFT: 40px;
	PADDING-TOP: 5px;
	PADDING-BOTTOM: 10px;
}
#horaires H2 A {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
#horaires H2 A:hover {
	TEXT-DECORATION: underline;
}
#horaires H2.trajet {
	BACKGROUND-IMAGE: url("../img/FR/home/trajet_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}
#horaires H2.horaire {
	BACKGROUND-IMAGE: url("../img/FR/home/horaire_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
}

/* Formulaire trajet */
FORM#trajet {
	FONT-SIZE: 92%;
	MARGIN-BOTTOM: 20px;
}
FORM#trajet LEGEND {
	DISPLAY: none;
}
FORM#trajet DIV {
	TEXT-ALIGN: right;
	MARGIN-TOP: 5px;
}
FORM#trajet INPUT {
	BORDER: 1px solid #636B8B;
	WIDTH: 120px;
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
	FONT-SIZE: 100%;
}
FORM#trajet .submit INPUT {
	WIDTH: auto;
	BACKGROUND-COLOR: #BECBEA;
	FONT-WEIGHT: bold;
	PADDING: 0px;
	TEXT-ALIGN: right;
	BORDER: none;
}
/* Billetique */
#billetique {
	MARGIN-LEFT: 25px;
	MARGIN-RIGHT: 10px;
	padding-top:3px;
	height:50px;
}

#billetique H2 A {
	COLOR: #000000;
	TEXT-DECORATION: none;
}
#billetique H2 A:hover {
	TEXT-DECORATION: underline;
}
#billetique H2 {
	BACKGROUND-IMAGE: url("../img/FR/home/BillettiqueSTAS.jpg");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: left top;
	FONT-WEIGHT: bold;
	FONT-SIZE: 140%;
	PADDING-LEFT: 50px;
	PADDING-TOP: 2px;
	PADDING-BOTTOM: 5px;
	PADDINg-RIGHT:60px;
}

/* Info-Trafic */
#infotrafic {
	MARGIN-LEFT: 10px;
	MARGIN-RIGHT: 10px;
	MARGIN-TOP: 20px;
	PADDING-LEFT: 35px;
	PADDING-BOTTOM: 20px;
	BACKGROUND-IMAGE: url("../img/FR/home/infotrafic_bg.gif");
	BACKGROUND-REPEAT: no-repeat;
	BACKGROUND-POSITION: top left;
	COLOR: #FF0000;
}
#infotrafic H2 {
	DISPLAY: none;
}
#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: 92%;
	FONT-WEIGHT: bold;
}