/* FD Mettre width et height pour toutes les images ? */
/*
* {
 margin:0;
 padding:0;
}
*/
strong {
 font-weight:bold;
 color: rgb(5,79,168);
}

img {
 border:none; display:block; }

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

#pagewidth {
 width:970px;
 text-align:left;
 margin-left:auto;
 margin-right:auto;
 margin-top: 10px;
 background:white;
}

#wrapper {
 background: transparent url(../img/layout/wrapper-bg.jpg) repeat-y left;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


/* *************** Image replacement *************** */
.replace{
 position:relative;
 margin:0px; padding:0px;
 /* hide overflow:hidden from IE5/Mac */
 /* \*/
 overflow: hidden;
 /* */
}

.replace span{
 display:block;
 position:absolute;
 top:0px;
 left:0px;
 z-index:1;
}

#header {
 font-size:2.2em;
 background-color: rgb(229,241,247); /* FD a revoir */
 text-align:center;
}

#header, #header span{
 width:970px;
 height:104px;
 background-image: url(../img/layout/header.jpg);
}

#headerText {
 margin-left:18px;
}

/* ************* end Image replacement ************* */

/* *************** Menu *************** */

#menu {
 width:193px;
 float:left;
 position:relative;
}

/* http://www.webaim.org/techniques/css/invisiblecontent/ */
#menu .closed ul {
  /* previously display: none; modified for accessibility */
 position:absolute;
 left:0px;
 top:-500px;
 width:1px;
 height:1px;
 overflow:hidden;
}

#menu ul {
 padding:5px 15px 5px 25px; 
 text-align:left;
 font-size: 1.3em;
 list-style-type: none;
}

#menu .opened ul {
 display: block;
 color: white; /* FD une autre couleur ? */
 background: url(../img/layout/subMenu-bg.jpg) repeat-y;
 background-color: rgb(103,153,203);
}

#menu .opened div {
 background: url(../img/layout/menu-bottom.jpg) no-repeat bottom left;
 padding-bottom: 4px;
}

/* impossible to add .opened cause ie bug */
#modeEmploi,
#conseils {
 background: transparent url(../img/layout/subMenu-menu.jpg) no-repeat bottom left;
 padding-bottom: 13px;
}

/* impossible to add .opened cause ie bug */
#covoiturage, #compte {
 background: url(../img/layout/subMenu-bottom.jpg) no-repeat bottom left;
 padding-bottom: 3px;
}

#covoiturage.closed, #compte.closed {
 background: url(../img/layout/menu-bottom.jpg) no-repeat bottom left;
 padding-bottom: 4px;
}

#menu h2 {
 padding-left: 10px; padding-right: 12px;
 font-size: 1.5em; text-align: center;
 background: url(../img/layout/menu-bg.jpg) repeat-y;
 position:relative;
}

/* to avoid box model styles are not applied to #menu */
/* be careful factorization impossible */
#menu #menuHaut div.entry,
#menu #menuBas div.entry {
 margin-left: 5px; margin-right: 37px;
 position: relative;
}

#menu #menuHaut div.entry h2,
#menu #menuBas div.entry h2 {
 background-color: rgb(5,79,168);
}

/* *** menu haut *** */
#menuHaut {
 width:100%;
}

#menuHaut #modeEmploi.closed,
#menuHaut #conseils.closed {
 background: transparent url(../img/layout/menuHaut-sep.jpg) no-repeat bottom left;
 background-color: rgb(5,79,168);
 padding-bottom: 10px;
}
/* *** end menu haut *** */

/* *** menu bas *** */
#menuBas {
 width:100%;
 background: url(../img/layout/menuBas-top.jpg) no-repeat top;
 background-position:5px 0;
 padding-top: 9px;
}

#menuBas #modeEmploi.closed,
#menuBas #conseils.closed {
 background: transparent url(../img/layout/menuBas-sep.jpg) no-repeat bottom left;
 background-color: rgb(5,79,168);
 padding-bottom: 10px;
}

#menuBas #inscription {
 background: transparent url(../img/layout/menuBas-sep.jpg) no-repeat bottom left;
 background-color: rgb(103,153,203);
 padding-bottom: 10px;
}
/* *** end menu bas *** */

/* *** Liens menus *** */
#menuHaut h2 a span {
 color: rgb(254,190,20);
}

#menuHaut h2 a {
 color: white;
 font-weight:normal;
}

#menuBas h2 a {
 color: rgb(254,190,20);
 font-weight:normal;
}

#entreprise h2 a {
 color: rgb(5,79,168);
 font-weight:normal;
}

#menu h2 a:link, #menu h2 a:visited {
 text-decoration: none;
}

#menu h2 a:hover {
 text-decoration: underline;
}

#menu h2 a:active, #menu h2 a:focus {
 text-decoration: none;
}
/* *** end Liens menus *** */

/* *** Liens sous menus *** */
#menu ul li a {
 color: white;
 font-weight:normal;
}

#menu li a:link, #menu li a:visited {
 text-decoration: none;
}

#menu li a:hover, #menu li.selectedItem a {
 text-decoration: underline;
}

#menu li a:active, #menu li a:focus {
 text-decoration: none;
}
/* *** end Liens sous menus *** */

/* *** entreprise *** */

#menu #entreprise div.entry {
 margin-left: 5px;
 margin-right: 37px;
 background-color: rgb(103,153,203);
}

#menu #entreprise {
 background: url(../img/layout/entreprise-top.jpg) no-repeat top left;
 background-position:5px 0;
 padding-top: 8px;
 width:100%;
}

#menu #entreprise h2 {
 background: url(../img/layout/entreprise-bg.jpg) repeat-y;
}

#menu #entreprise div {
 background: url(../img/layout/entreprise-bottom.jpg) no-repeat bottom left;
 padding-bottom: 64px;
}
/* *** end entreprise *** */

/* *************** end Menu *************** */





/* FD reste a checker les definitions desous ....................................................................... */


/* *************** Footer *************** */
#footer {
 font-size: 1.5em;
 background:transparent url(../img/layout/footer-top.jpg) no-repeat top left;
 margin-top:-10px; /* ?????? */
 padding-top:79px; /* FD 73 + 5 ??? */
}

ul.links {
 margin-left:223px;
 clear:both;
 margin-top:5px;
}

ul.links li {
 display: inline;
 font-size:0.8em;
 letter-spacing: 1px;
/* border-right:1px solid rgb(5,79,168); MC*/
 padding: 5px 0px 5px 0px;
 margin:2px;
}

ul.links li a {
 color: rgb(5,79,168);
 font-weight:normal;
}

ul.links li a:link, ul.links li a:visited {
 text-decoration: none;
}

ul.links li a:hover {
 text-decoration: underline;
}

ul.links li a:active, ul.links li a:focus {
 text-decoration: none;
}

/* *************** end Footer *************** */

/* *************** Content *************** */
#content {
 float: right;
 display:inline;
 position: relative;
 width:777px;
 background: transparent url(../img/layout/content-top-bg.jpg) no-repeat top left; /* !!!! rajout left */
}

#content h1 {
 font-size: 2.2em;
 /*color: rgb(205,28,18);*/
 color:rgb(5,79,168);
 margin-bottom:10px;
 font-weight:normal;
}

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

#context #user {
  font-size: 1.3em;
  padding: 5px;
  color: rgb(205,28,18);
  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;
}

/* FD attention aux autres */
#content p, #content blockquote {
 margin-right:65px;
 font-size: 1.6em; /* FD quelle valeur ? */
 text-align: justify;
 margin-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;
}

/* #content is mandatory ... why ? */
#content .page-info p, #content .page-section p {
 font-size:1.7em;
 font-weight:bold;
}

#content .page-info p {
 color: rgb(5,79,168);
}

.page-info p strong {
 color:rgb(205,28,18);
 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 rgb(205,28,18); 
	color: rgb(205,28,18); 
	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;
	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:rgb(5,79,168);
 margin-bottom:0.3em;
 margin-right: 65px;
}

a {
 color:rgb(5,79,168);
 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(229,241,247); 
	font-size: 1.2em;
	padding: 3px;
}

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

.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;
}

/* *************** 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: rgb(223,234,245);
}