/**** 
pseudo reset definitions (pas prudent d'inclure reset.css dans le contexte intégration 24-7 ?)
****/

.page-lrv,
.page-lrv h1, .page-lrv h2, .page-lrv h3, .page-lrv h4, .page-lrv h5, .page-lrv h6 {
	font-family: Helvetica, Verdana, Arial, sans-serif;
}

.page-lrv h3 {
color:#333399;
font-size:1.2em;
font-weight:bold;
padding-top: 10px;
padding-bottom: 10px;
}

.page-lrv h3.ui-accordion-header {
	padding: 0;
}

.page-lrv legend {
	padding: 0;
	margin: 0;
}

.page-lrv table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**** 
general definitions 
****/

#entete a.accueil .spip_logos {
	width: 243px !important;
	height: 142px !important;
} 

.page-lrv {
	float: left;
	overflow: visible;
	clear: both;
	width: 925px;
	margin: 0 0 10px 0;
	text-align: left;
	background-color: transparent;
}

.page-lrv strong {
	font-weight: bold;
	color: #333399;
}

.page-lrv img {
	border: none; 
	display: block; 
}

.page-lrv ul,  .page-lrv ol {
	margin: 0;
	padding: 0;
	font-size: 12px;
}
	
.page-lrv li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

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

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

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

/* *************** Footer *************** */
#footer-lrv {
	clear: both;
	height: 70px;
	width: 100%;
	font-style: normal;
	font-weight: bold;
 	font-size: 0.8em;
  	color: #666666;
	text-align: center;
}

.page-lrv ul.links {
}

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

.page-lrv ul.links li a {
	color: rgb(250,136,21);
	font-weight: normal;
}

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

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

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

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

/* *************** Content *************** */
.page-lrv #content {
	float: right;
	position: relative;
	display: inline; /* for IE6 double-margin bug: http://www.positioniseverything.net/explorer/doubled-margin.html */
	width: 760px;
}

/* inspiré de 24-7 .rubrique2 .cartouche h1 */
.page-lrv #content h1 {
	color: #FA8815;
	font-size: 18px;
	height: 40px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	background: url(../img/24-7/picto_transport.jpg) top left no-repeat;
	padding-left: 43px;
	padding-top: 10px
}

/* inspiré de 24-7 .cartouche h2 */
.page-lrv #content h2 {
	color: #666666;
	font-family: Helvetica,Verdana,Arial,sans-serif;
	font-size: 16px;
	text-align: left; /* center chez 24-7 */
	margin-bottom: 1em;
	/*margin-top: 1em;*/
	border-bottom: 1px solid #666666;
}

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

.page-lrv #content .page-section  {
	margin-bottom: 10px;
}

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

.page-lrv #content .page-info p {
	color: #FA8815;
	font-size: 1.2em;
}

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

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

.page-lrv #content .page-section p {
	font-size: 12px;
	font-weight: normal;
}

.page-lrv #content .page-section h2 {
	border-bottom: 1px solid #F77D1B; 
	color: #F77D1B; 
	font-size: 1.2em;
	margin-bottom: 1em;
	margin-top: 2em;
	font-weight: bold;
	position: relative;
}

.page-lrv #content .page-section li {
	margin: 2px 0 0 3em;
	text-indent: 0em;
	margin-right: 10px;
	font-size: 1em;
}

.page-lrv #content .page-section ul li {
	list-style-type: disc;
}

.page-lrv #content .page-section ol li {
	list-style-type: decimal;
}


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

.page-lrv #content #page-links li {
	list-style-type: decimal;
	list-style-position: outside;
	font-size: 1.2em; 
	font-weight: bold; 
	cursor: pointer; 
	color: #FA8815;
	margin-bottom: 0.3em;
	margin-right: 10px;
}

.page-lrv #content a {
	color: #333399;
	font-weight: bold;
}

.page-lrv #content a:link, 
.page-lrv #content a:visited {
	text-decoration: underline;
}

.page-lrv #content a:hover {
	text-decoration: none;
}

.page-lrv #content a:active, 
.page-lrv #content a:focus {
	text-decoration: none;
}
 
.page-lrv #content #context {
  margin-right: 230px;
  text-align: right;
  font-size: 1em;
}

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

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

.page-lrv #context span#breadcrumb {
	position: relative;
	font-size: 1em;
	margin-left: 10px;
}

.page-lrv #content form {
  margin-right: 0;
}

.page-lrv #content p, 
.page-lrv #content blockquote {
	margin-right: 0;
	font-size: 1em;
	text-align: justify;
	margin-top: 0;
}

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

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

.page-lrv #menu-covoiturage {
	width: 160px;
}
	
.page-lrv #menu-covoiturage li.toplevel {
}

.page-lrv #menu-covoiturage ul {
	/* on garde les définitions de 24-7 */
}

.page-lrv #menu-covoiturage a {
	/* on garde les définitions de 24-7 */
	/*
	font-weight: normal;
	text-decoration: none;
	outline: none;
	*/
}

.page-lrv #menu-covoiturage .under {
}

.page-lrv #menu-covoiturage .menu-item {
	/* on garde les définitions de 24-7 */
	/*
		font-size: 14px;
	*/
}

.page-lrv #menu-covoiturage ul.under a {
	/* on garde les définitions de 24-7 */
	/*
	font-size: 12px;
	*/
}

.page-lrv #menu-covoiturage li.selectedItem .menu-item {
	/* on garde les définitions de 24-7 */
	/*
		font-weight: bold;
	*/
}

/* reprise styles 24-7 sauf largeur réduite (24-7 = 199px) */

.page-lrv .haut{
	width: 158px;
	height: 51px;
	background: url(../img/24-7/transport_haut.jpg) top left no-repeat;
}

.page-lrv .haut2{
	width: 159px;
	height: 70px;
	background: url(../img/24-7/menu_covoiturage_haut.png) top left no-repeat;
}

.page-lrv .centre{
	width: 158px;
	height: auto;
	background: url(../img/24-7/transport_milieu.jpg) top left repeat-y;
}
	
.page-lrv .centre_vert{
	width: 159px;
	height: auto;
}

.page-lrv .bas{
	width: 158px;
	height: 42px;
	background: url(../img/24-7/transport_bas.jpg) top left no-repeat;
}

.page-lrv .bas_vert {
	width: 159px;
	height: 42px;
}

.page-lrv .secondaire a:focus, .page-lrv .secondaire a:hover, .page-lrv .secondaire a:active { 
	color: #333399; 
	text-decoration: none;
	background-color: #fff;
}

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


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

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

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

.page-lrv .tooltip {
	border: 1px solid black;
	text-align: justify;
	background-color: rgb(228,219,202); 
	font-size: 1.2em;
	padding: 3px;
}

.page-lrv #content .tooltip-anchor {
	border-bottom: dashed 0.1em rgb(250,136,21);
}

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

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

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

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

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

.page-lrv #content .section-actions li {
	font-size: 1em;
} 

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

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

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

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

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

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

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

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

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

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

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

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

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

.page-lrv calendar {
	cursor: pointer; 
	border: 1px solid red;
}

.page-lrv input.submit, 
.page-lrv 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 *************** */

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

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

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

.page-lrv .background-color {
	background-color: rgb(228,219,202);
}






/**** essai menu deroulant horizontal ****/ 
.page-lrv #menu-covoiturage #menu-lrv ul.under {
	display: none;
}

.page-lrv #menu-covoiturage ul.under li {
	margin: 5px 0;
}

.page-lrv #menu-covoiturage ul.under li a {
	display: inline;
}

.page-lrv #menu-covoiturage #menu-lrv li.toplevel {
  position: relative;
  width: 124px;
  background: transparent url(../img/24-7/closed.gif) no-repeat scroll left 6px;
	padding-left: 10px;
  
}
.page-lrv #menu-covoiturage #menu-lrv ul.under {
	position: absolute;
	top: 0;
	left: 134px; /* devrait etre affecte dynamiquement via jquery, en fonction de largeur li parent ? */
  display: none;
  border: 1px solid #F66D0D;
  border-left: none;
  background: #F4A147 url(../img/24-7/sousmenu.jpg) repeat-y scroll top left;
  padding: 5px 10px;
  margin-top: -1px;
}
.page-lrv #menu-covoiturage #menu-lrv ul.under li {
	background: transparent none  no-repeat scroll top left;
	padding-left: 0;
	width: 130px;
}

/**** essai menu accordeon ****/ 
.page-lrv #menu-covoiturage #menu-lrv2 ul.under {
	display: none;
}
.page-lrv #menu-covoiturage #menu-lrv2 li.closed {
	background: transparent url(../img/24-7/closed.gif) no-repeat scroll left 6px;
	padding-left: 10px;
}
.page-lrv #menu-covoiturage #menu-lrv2 li.opened {
	background: transparent url(../img/24-7/opened.gif) no-repeat scroll left 6px;
	padding-left: 10px;
}
.page-lrv #menu-covoiturage .secondaire #menu-lrv2 ul.under li {
	display: inline;
	padding-left: 0;
	background-image: none;
}

.trois ul li {
border-bottom:1px solid grey;
color:#FFFFFF;
font-size:13px;
margin:0;
padding:0;
}

.trois a {
color:grey;
text-decoration:none;
color:grey;
display:block;
padding-bottom:3px;
padding-top:3px;
text-decoration:none;
}

.trois ul {
border-top:1px solid #FFFFFF;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px 0 15px;
padding:3px 0;
}