/**
 * COMMONS
 */
body {
	margin:0px;
	padding:0px;
	cursor:default;
	background-color:#FFF;
}
body, td, input, select, textarea {
	font-family:arial,helvetica,sansserif;
	font-size:10pt;
	color:#555;
}
p {
	margin:16px 0px;
}
a { color:#06C; }
ul {
	margin:18px 0px;
	padding:0px 24px;
}
ul li {
	list-style-type:none;

	background-image:url(../images/icons/bullet_green.png);
	background-position:0px 3px;
	background-repeat:no-repeat;

	padding: 2px 2px 2px 18px;
}

td {
	padding:0px;
	vertical-align:top;
}
form {
	margin:0px;
	padding:0px;
	display:inline;
}
img { border:0px; }
label, button { cursor:pointer; }
input {
	padding-left:2px;
	padding-right:2px;
}

select {
	color:#444;
}
hr {
	height:1px;
	border-top:1px solid #444;
	border-right:0px;
	border-bottom:0px;
	border-left:0px;

	margin-top:16px;
	margin-bottom:16px;
}
h1 {
	font-size:20px;
	border-top:0px;
	border-right:0px;
	border-bottom:1px solid #555;
	border-left:0px;
	padding:0px;
	margin:18px 0px;
	display:block;
}
h1 b,
h1 strong {
	background-color:#444;
	color:#FFF;
	padding:1px 32px;
}
h1 span.tips {
	float:right;
	font-style:italic;
	font-size:9pt;
	padding:4px 8px;
}
h2 {
	margin:0px 0px 6px 0px;
	padding:0px;
	font-size:11pt;
	font-weight:bold;
	border-bottom:1px solid #CCC;
}
button img {
	vertical-align:bottom;
	margin-right:6px;
}

/**
 * suggests dropdown list
 */
input.ac_loading {
	background-image:url(../images/ajax-loader.gif);
	background-position:center right;
	background-repeat:no-repeat;
}
div.ac_results {
	position:absolute;
	background-color:white;
	border:1px solid #444;
	margin:0px;
	padding:0px;
}
div.ac_results ul {
	max-height:256px;
	overflow:auto;
	list-style-type:none;
	margin:0px;
	padding:0px;
}
div.ac_results ul li {
  background-image:none;
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
  font-size:10pt;
}
div.ac_results ul li.ac_odd { background-color: #FFF; }
div.ac_results ul li.ac_even { background-color: #E2E2EF; }
div.ac_results ul li.ac_over { background-color: #FB8500; color:#FFF; }
div.ac_results ul li strong { color:#FB8500; }
div.ac_results ul li.ac_over strong { color:#444; }


/**
 * CONTENT
 */
#site {
	width:975px;
}
#site #leftPanel {
	padding:20px 8px;
	width:50%;
}
#site #content {
	padding:20px 8px;
	width:50%;
}

ul.puces {

}
ul.puces li {
	background-position:left center;
	background-repeat:no-repeat;
	padding:22px 0 28px 70px;
	font-size:14pt;
	font-weight:bold;
}
ul.puces li.puce_1 {
	background-image:url(../images/puce-1.gif);
}
ul.puces li.puce_2 {
	background-image:url(../images/puce-2.gif);
}
ul.puces li.puce_3 {
	background-image:url(../images/puce-3.gif);
}

table.billets {}
table.billets td.text {
	font-size:12pt;
}

/**
 * SEARCH ENGINE
 */
#searchEngine {
	padding:14px 20px 18px 16px;
	background-image:url(../images/searchbox-background.png);
	width:428px;
	height:164px;
}
#searchEngine .row {
	padding:2px 0px;
}
#searchEngine .actions {
	text-align:right;
}

/**
 * RESULTS
 */
#searchResults {}
#searchResults .annonce {
	border:0px solid #BDD4E4;
	padding-top:8px;
	padding-right:8px;
	padding-bottom:8px;
	padding-left:108px;
	margin-bottom:8px;
	background-repeat:no-repeat;
	background-position:8px 8px;
}
#searchResults .covoiturage {
	border:0px solid #FBB66C;
	background-image:url(../images/picto-covoiturage.png);
}
#searchResults .train {
	border:0px solid #FF8989;
	background-image:url(../images/picto-train.png);
}

/**
 * ERROR BOX
 */
.errorBox {
	margin:16px 0px;
	border:2px solid #E00;
	background-color:#F44;

	padding:4px 4px 4px 32px;
	background-image:url(../images/icons/error.png);
	background-position:8px 8px;
	background-repeat:no-repeat;

}
.errorBox h2 {
	font-size:11pt;
	font-weight:bold;
	margin:0px 0px 6px 0px;
	padding:0;
	color:#FFF;
	border-bottom:1px solid #FFF;
}
.errorBox .messages {
	color:#FFF;
}
.errorBox .messages li {
	background-position:0 1px;
	background-repeat:no-repeat;
	list-style-type:none;
	padding:2px 2px 2px 18px;
	background-image:url(../images/icons/bullet_error.png);
}

/**
 * LOGOS
 */
#logos {
	height:156px;
	margin-top:56px;
}
#logos img {
	margin-left:56px;
	float:left;
}


/**
 * LIEN
 */
#liensFooter {
	border-top:1px solid #CCC;
	margin-top:32px;
	padding:16px;
	text-align:center;
}

#liensFooter a {
	margin:0px 8px;
}