strong {
 font-weight: bold;
 color: #487B35;
}

#wrapper {
 position: relative;
 float: left;
 padding-bottom: 40px;
}

html, body {
 text-align: center;
 color: black;
 font-family: "Trebuchet MS", Verdana, Tahoma, "Lucida Grande", sans-serif;
 font-size: 75%;
}

/* *************** Header *************** */

#header {
	background-image: url(../img/layout/header.jpg);
	background-repeat: no-repeat;
	height: 51px;
	font-size: 2.2em;
}

#header a {
	position: absolute;
	padding-left: 100px;
	padding-top: 12px;
	height: 39px; /* 51 - padding-top */
	width: 789px; /* 889 - padding-left */
	font-weight: normal;
	text-decoration: none;
}

#header a:hover {
	color: #487B35; /* To override Casino style... */
}

#header h1 {
	color: #487B35;
	text-align: left;
	padding-left: 100px;
	padding-top: 12px;
	background: none;
}


/* ************* end Header ************* */

/* *************** Content *************** */
#content {
	position: relative;
	clear: left;
	top: 43px;
	padding-left: 30px;
	padding-bottom: 40px;
	width: 859px; /* 889 - padding-left */
	background-image: url(../img/layout/content-top.jpg);
	background-repeat: no-repeat;
}

#content h1 {
	font-size: 2.2em;
	color: #DD141A;
	margin-bottom: 10px;
	font-weight: normal;
	background: none;
}

#content #context {
  margin-top: -25px;
  margin-right: 230px;
  text-align: right;
  font-size: 1em;
}

#context #user {
  font-size: 1.3em;
  padding: 5px;
  color: #DD141A;
  position: relative;
  letter-spacing: 1px;
}

#context #user span {
 font-weight:bold;
}

#context span#breadcrumb {
 position: relative;
 font-size: 1.2em;
 margin-left: 10px;
}

#content form {
  margin-right:40px;
}

#content p, #content blockquote {
 margin-right: 65px;
 font-size: 13px;
 text-align: justify;
 padding-top: 1em;
}

/* *************** end Content *************** */

/* *************** Others *************** */

/* http://www.webaim.org/techniques/css/invisiblecontent/ */
.hidden {
 position:absolute;
 left:0px;
 top:-500px;
 width:1px;
 height:1px;
 overflow:hidden;
}

#content .page-info {
 margin-bottom:10px;
 /*margin-top:20px;*/
}

#content .page-section  {
	margin-bottom: 10px;
	/*position: relative; /* To prevent a ugly behaviour with IE (unwilled border-top appearing in inner h2) */
}

#content .page-info p {
 font-size: 1.7em;
 font-weight: bold;
}

#content .page-info p {
	color: #487B35;
}

.page-info p strong {
 color: #DD141A;
 font-weight: bold;
}

.page-info small {
 display: block;
 font-size: 1.2em;
 font-weight:normal;
}

#content .page-section p {
 font-size: 1.6em;
 font-weight: normal;
}

#content .page-section h2 {
	border-bottom: 1px solid #DD141A;
	border-top: 0px; /* For IE7... */
	color: #DD141A; 
	font-size: 1.7em;
	margin-bottom: 1em;
	margin-top: 2em;
	font-weight: bold;
	margin-right: 65px;
	position: relative;
}

#content .page-section li {
	list-style-type: disc;
	list-style-image: none; /* overriding Casino style - mandatory for IE */
	margin: 0 0 0 3em;
	text-indent: 0em;
	margin-right: 65px;
	font-size: 1.6em;
}

#content #page-links {
 margin-top:20px;
 margin-left:3em;
}

#content #page-links li {
 list-style-type:decimal;
 list-style-position:outside;
 font-size: 1.6em; 
 font-weight:bold; 
 cursor:pointer; 
 color: #487B35;
 margin-bottom:0.3em;
 margin-right: 65px;
}

a {
 color: #487B35;
 font-weight:bold;
}

a:link, a:visited {
 text-decoration: underline;
}

a:hover {
 text-decoration: none;
}

a:active, a:focus {
 text-decoration: none;
}

.warning {
 margin-top:10px;
 padding:5px;
 border:1px solid black;
 color:red;
}

.tooltip {
	border: 1px solid black;
	text-align: justify;
	background-color: rgb(255,244,212); 
	font-size: 1.2em;
	padding: 3px;
}

#content .tooltip-anchor {
	border-bottom: dashed 0.1em rgb(5,147,92);
}

.page-actions {
 clear:both;
 margin-top:10px;
 margin-right:65px;
}


.page-actions ul {
	list-style-type: none;
	position:relative;
	margin-top: 50px;
}

.page-actions ul.actions-row li {
	background-position:center;
	background-repeat: no-repeat;
	display:inline;
	padding-top:45px;
	margin-right:30px;
}

#content .section-actions ul {
	list-style-type: none;
	position:relative;
	margin-top: 40px;
}

#content .page-section .section-actions li {
	background-position:center;
	background-repeat: no-repeat;
	display:inline;
	padding-top:45px;
	margin:0 10px 0 0;
}

#content .section-actions li {
	font-size:1.2em;
} 

.page-actions .modify,
.section-actions .modify {
		background-image: url("../../mb/img/pictos/modify.gif");
}

.page-actions .delete,
.section-actions .delete {
		background-image: url("../../mb/img/pictos/delete.gif");
}

.page-actions .back,
.section-actions .back {
		background-image: url("../../mb/img/pictos/back.gif");
}

.page-actions .save,
.section-actions .save {
		background-image: url("../../mb/img/pictos/save.gif");
}

.page-actions .saveMore,
.section-actions .saveMore {
		background-image: url("../../mb/img/pictos/saveMore.gif");
}

.page-actions .next,
.section-actions .next {
		background-image: url("../../mb/img/pictos/next.gif");
}

.page-actions .trajetPonctuel,
.section-actions .trajetPonctuel {
		background-image: url("../../mb/img/pictos/trajetPonctuel.gif");
}

.page-actions .trajetRegulier,
.section-actions .trajetRegulier {
		background-image: url("../../mb/img/pictos/trajetRegulier.gif");
}

.page-actions .covoitureurs,
.section-actions .covoitureurs {
		background-image: url("../../mb/img/pictos/covoitureurs.gif");
}

.page-actions .display,
.section-actions .display {
		background-image: url("../../mb/img/pictos/display.gif");
}

.page-actions .add,
.section-actions .add {
		background-image: url("../../mb/img/pictos/add.gif");
}

.page-actions li a {
	font-size:1.2em;
}


.page-actions a {
 margin-top:1em;
 font-size:1.6em;
}

calendar {
cursor: pointer; border: 1px solid red;
}


input.submit, input.button {
 font-size: 1.4em;
 font-weight: bold;
 border: 1px solid black;
 background: white url(../../common/img/pictos/button.png) bottom left no-repeat;
 padding: 3px;
 cursor: pointer;
}

#mapSection {
	position: relative; /* Otherwise the map goes far away with IE6... */
}

/* Lu uniquement par IE6, pour corriger le défaut d'alignement du formulaire */
* html .fieldset-nomap {
	margin-top: 40px;
	margin-left: 30px;
}

/* *************** end Others *************** */

.message-wrapper {
	border: 1px solid black;
	margin: 0 auto;
	text-align: center;
	width: 50%;
}

.message-content {
	color: black;
	font-size: 1.6em;
	padding: 4px;
}

.message-content img {
	display: inline;
	cursor: pointer;
	vertical-align: middle;
}

.background-color {
	background-color: #E0DFDF;
}