/* 
    Document   : layout
    Created on : 18 nov. 2009, 15:03:31
    Author     : Charles Fontaine <charles@bluelogic.fr>
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* LAYOUT STYLE
--------------------------------------------------------- */

#site {
  min-width:760px;
  max-width:960px;
  margin:0 auto;
}

#wrap{
  background: url(images/main-bg.gif) repeat-x left bottom;
  padding-bottom:100px;
  position: relative;
}

.leftcol {
  width:49.5%;
  float:left;
}

.rightcol {
  width:49.5%;
  float:right;
}

.clr {
  clear:both;
  overflow: hidden;
}

/* MENU STYLE */
#menunav {
  height:25px;
  margin-left:56px;
  padding-top:25px;
  line-height:1.3em;
}

#menunav ul {
  list-style-type:none;
  margin:0;
  padding:0;
  width:auto;
}

#menunav ul li {
  float:left;
}

#menunav ul li a {
  color:#FFF;
  display:block;
  float:left;
  padding:3px 8px;
  text-decoration:none;
}

#menunav ul li a span {
  padding-left:15px;
}

a#menublue {
  background: url(images/tab-blue.gif) repeat-x left top;
}

a#menugreen {
  background: url(images/tab-green.gif) repeat-x left top;
}

a.menulightgreen {
  background: url(images/tab-lightgreen.gif) repeat-x left top;
}

span#home {
  background: url(images/icon-home.gif) no-repeat 0% 10%;
}

span#register {
  background: url(images/icon-register.gif) no-repeat 0% 10%;
}

span#connect{
  background: url(images/icon-connect.gif) no-repeat 0% 10%;
}

span#trajetnew {
  background: url(images/icon-trajetnew.gif) no-repeat 0% 10%;
}

span#recherchertrajet {
  background: url(images/icon-recherchertrajet.gif) no-repeat 0% 10%;
}

span#account {
  background: url(images/icon-account.gif) no-repeat 0% 10%;
}

#menunav ul li a:hover{
  text-decoration:none;
  background-position: 0px -20px;
}

#menunav ul li a:hover span {
  background-position: 0px -22px;
}

#menunav span.dotted {
  background:transparent url(images/dotted.gif) no-repeat scroll left center;
  color:#FFF;
  margin:0 10px;
  padding-bottom:5px;
}

/* USERBOX STYLE */
#menunav ul li#userbox,
#menunav ul  li#loginbox {
  float:right;
}

#menunav ul li#userbox {
  margin-top:3px;
}

#menunav ul  li#loginbox input.button{
  width:100px;
}

#userbox ul li a {
  color:#5075A2;
  padding:0 3px;
  text-decoration:none;
}

#userbox ul li a:hover {
  color:#5075A2;
  text-decoration:underline;
}

span#user{
  display:block;
  float:left;
  margin-right:3px;
}

/* MAINPANEL STYLE */
#main{
}

#main h1{
  color:#fff;
  font: italic lighter 16px Arial, sans-serif;
  background: #339401 url(images/small_quote_ul.gif) no-repeat 1% 0%;
  border-bottom: 15px solid #65c200;
  padding:2px 2px 2px 30px;
  position:relative;
}

#main h1 span {
  background: #339401 url(images/small_quote_br.gif) no-repeat 100% 100%;
  padding:2px 25px 2px 0;
}

#main h2 {
  border-bottom:1px solid #3E9205;
  color:#006600;
}

#main #homepage h2{
  font: italic lighter 14px Arial, sans-serif;
  color:#FFFFFF;
  border-top:1px solid #3E9205;
  border-bottom:1px solid #3E9205;
  padding:2px 10px;
  margin-top:0;
}

#header {
  margin-bottom:20px;
}

a.readmore {
  color:#5075A2;
  text-decoration: none;
}

a.readmore:hover {
  color:#5075A2;
  text-decoration: underline;
}

/* Messages */

#header_message{
  padding:5px;
  margin: 10px 0px 10px 0px;
}

.flash_error{
  color:#CC0000;
  background:#FFE8E9 url(../images/icon/error.png) no-repeat 1% 50%;
  border: 1px solid #CC0000;
  padding: 5px 15px 5px 30px;
  margin-bottom: 10px;
}

.flash_notice{
  color:#309401;
  background:#FEFF8F url(../images/icon/notice.png) no-repeat 1% 50%;
  border:1px solid #309401;
  padding: 5px 15px 5px 30px;
  margin-bottom: 10px;
}

.flash_info{
  color:#6590f7;
  background:#D9E4FF url(../images/icon/info.png) no-repeat 1% 50%;
  border:1px solid #6590f7;
  padding: 5px 15px 5px 30px;
  margin-bottom: 10px;
}

.flash_warning{
  color:#FFA800;
  background:#FFEECC url(../images/icon/warning.png) no-repeat 1% 50%;
  border: 1px solid #FFA800;
  padding:5px 15px 5px 30px;
  margin-bottom: 10px;
}

.error_list {margin: 0; padding: 0;}
.error, .notice, .success, .error_list li {margin: 0 0 0.5em 0; list-style: none;}
.error, .error_list li {color:#ff0000;font-size: 11px;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* Trajet item list */

table#table_trajet  {
  text-align: left;
  border-collapse:collapse;
  border-spacing:0;
  background: none;
  line-height:1.3em;
}

table#table_trajet th {
  color:#fff;
  background-color:#339401;
  font-weight:bold;
}

table#table_trajet th a {
  color:#FFFFFF;
  text-decoration:none;
}

table#table_trajet th a:hover {
  color:#FFFFFF;
  text-decoration:underline;
}

table#table_trajet td {
  border: 0;
  border-bottom: 1px solid #3E9205;
  border-top: 1px solid #3E9205;
  vertical-align:top;
}

table#table_trajet tfoot td {
  border: 0;
  vertical-align:top;
}

table#table_trajet tr
{
  background: none;
}

table#table_trajet tr.over {
  background-color: #dee8b8;
  cursor: pointer;
}

table#table_trajet tr.selected {
  background-color: #dee8b8;
}

/* Pagination */

.pagination {
  float:right;
}

.pagination img{
  vertical-align:bottom;
}

/* Infobulle */

a.infobulle {
  position:relative;
}

a.infobulle span {
  display:none;
}

a.infobulle:hover span {
  -moz-border-radius-bottomleft:6px;
  -moz-border-radius-bottomright:6px;
  -moz-border-radius-topleft:6px;
  -moz-border-radius-topright:6px;
  background-color:#FFFFCC;
  border:1px solid #FFCC00;
  bottom:15px;
  color:#666666;
  display:inline;
  font-size:10px;
  font-weight:normal;
  left:0;
  margin:0;
  padding:4px;
  position:absolute;
  text-decoration:none;
  width:100px;
  z-index:999;
}

/* HomePage Form Style */

#formPanel {
  background-color:#7FCD0D;
  color:#fff;
}

#formPanel h1{
  margin:0;
  position:relative;
}

#formPanelLeft,
#formPanelRight{
  float:left;
}

#formPanelLeft div,
#formPanelRight div{
  padding:1px !important;
}

#formPanelLeft {
  margin:0 40px;
}

#formPanelRight {
  border-left:1px solid #309401;
  padding-left:40px;
}

#formPanelBottom {
  background: url(images/search-bg.gif) no-repeat 5% 0%;
  height:12px;
}


.formPanel {
  background-color:#7FCD0D;
  color:#fff;
}

.formPanel h1{
  margin:0;
  position:relative;
}

.formPanelLeft,
.formPanelRight{
  float:left;
}

.formPanelLeft div,
.formPanelRight div{
  padding:1px !important;
}

.formPanelLeft {
  margin:0 40px;
}

.formPanelRight {
  border-left:1px solid #309401;
  padding-left:40px;
}

.formPanelBottom {
  background: url(images/search-bg.gif) no-repeat 5% 0%;
  height:12px;
}


/* FORMULAIRE STYLE
---------------------------------------------------*/

/* Form global style */

.myform {
  color: #006600;
  font-size: 1em;
  background-color: #FFF;
  border: 1px solid #309401;
  padding:20px 15px 35px;
}

.myform fieldset {
  border: 1px solid #309401;
  margin: 25px 0;
  padding:15px 10px 25px;
}

.myform legend {
  font-weight:lighter;
  letter-spacing:-1px;
  color: #006600;
  background-color:#fff;
  font-size: 16px;
  padding:0 5px;
}

.myform ul {
  margin:0;
}

.myform ul li {
  margin-right:15px;
  display: inline;
}

/* Bloc More Search */

#more table {
  margin-left:40px;
}

#more button {
  float:none;
  margin-left:5px;
  padding:0;
}

#more ul.checkbox_list {
  margin:0;
  width:195px;
}

#more ul.checkbox_list li {
  float:left;
}

#more ul.checkbox_list li input {
  margin:3px;
}

#form_actions {
  border-top:1px solid #309401;
  height:30px;
  padding:10px 10px 0;
}

/* Enregistrement - Connexion */

#formConnect,
#formRegister {
  background: url(images/myform-bg.png) repeat-x left top;
}

#formConnect table {
  margin: 20px 50px 10px 0px;
}

#formContact table,
#formForgotPassword table,
#formChangeUserPassword table,
#formEvenement table,
#formNewPC table {
  margin: auto;
}


/* DETAILS DU TRAJET STYLE
---------------------------------------------------*/

#trajet_details {
  border:1px solid #3E9205;
}

#trajet_details h1 {
  font: normal bold 11px Arial, sans-serif;
  background:#339401;
  padding:5px 2px 6px 6px;
}

#trajet_details table {
  width:100%;
  background-color:#FFF;
  color:#005d00;
  margin:0;
  padding-left:19px;
}

table#trajet_details_home .button {
  margin-bottom: 10px;
}

table#trajet_details_home,
table#trajet_details_home table.planning,
table#trajet_details_home table.etapes {
  background-color: #dee8b8;
}

table#trajet_details_home table.planning td {
  padding:0.2em 0.5em;
}

/* FILS RSS STYLE
---------------------------------------------------*/

#rss-subscribe {
  background:url(../images/icon/rss.png) no-repeat scroll 1% 15%;
  padding-left:23px;
}

/* TRAJETS POPULAIRES STYLE
---------------------------------------------------*/

#popular {
  color:#5c9323;
  background:url(../images/icon/car.png) no-repeat scroll 1% 15%;
  padding-left:23px;
}

#popular ul {
  margin:0;
}

#popular ul li {
  display:inline;
  margin-right:5px;
}

#popular ul li a {
  color: #006600;
  text-decoration:none;
  font-weight:bold;
}

#popular ul li a:hover {
  color: #006600;
  text-decoration:underline;
}


/* PAGER STYLE
---------------------------------------------------*/

#pager ul.pages {
  display:block;
  border:none;
  text-transform:uppercase;
  font-size:10px;
  margin:10px 0 50px;
  padding:0;
}

#pager ul.pages li {
  list-style:none;
  float:left;
  border:1px solid #ccc;
  text-decoration:none;
  margin:0 5px 0 0;
  padding:5px;
}

#pager ul.pages li:hover {
  border:1px solid #003f7e;
}

#pager ul.pages li.pgEmpty {
  border:1px solid #eee;
  color:#eee;
}

#pager ul.pages li.pgCurrent {
  border:1px solid #003f7e;
  color:#000;
  font-weight:700;
  background-color:#eee;
}

/* WIZARD STYLE
---------------------------------------------------*/

#wizard_step {
  border-bottom: 1px solid #309401;
  margin-bottom: 30px;
}
#wizard_step, #wizard_step a {
  color: #9a9a9a;
  font-weight: bold;
  text-decoration: none;
}
#wizard_step a:hover {
  text-decoration: underline;
}
#wizard_step td.selected_step a {
  color: #006600;
}
#wizard_step td.current_step {
  color: #006600;
}


/* GMAP STYLE
---------------------------------------------------*/

#gMap {
  color: #000;
}

#gMap h1 {
  margin: 0;
}

#map {
  border-top: 1px solid #309401;
}


/* ACTUS STYLE
---------------------------------------------------*/

#actus {
  border-top:1px solid #309401;
  padding:10px 10px 15px;
}

#actus ul {
  margin: 0 0.5em;
}

#actus ul li {
  padding-left:20px;
  background:url(../images/icon/info.gif) no-repeat 0 20%;
}

#actus a.newstitle{
  color: #fff;
  text-decoration:underline;
  font-size: 12px;
  font-weight:bold;
}

#actus ul li  a.newstitle:hover{
  color: #fff;
  text-decoration:none;
}

/* EVENEMENTS STYLE
---------------------------------------------------*/

#evenements thead th {
  font-size: 12px;
  font-weight:bold;
}

#evenements {
  border-top:1px solid #309401;
  padding:10px 18px 35px 10px;
}

#evenements ul {
  margin:0 0.5em 1.5em;
}

#evenements ul li {
  margin:5px 0;
}

#evenements ul li a img{
  display: block;
  float:left;
  margin-right:6px;
  width:14px;
  height:14px;
}

#evenements a.eventstitle{
  color: #fff;
  text-decoration:underline;
  font-size: 12px;
  font-weight:bold;
}

#evenements a.eventstitle:hover{
  color: #fff;
  text-decoration:none;
}


/* FOOTER STYLE
---------------------------------------------------*/

#footer{
  color:#636363;
  font-size:10px;
  clear:both;
  overflow: hidden;
  padding:10px 0px;
}


/* OTHER STYLE
---------------------------------------------------*/

span#resultat_desc,
span#user_desc {
  margin:2px 2px 2px 0px;
  padding:0 !important;
  font-size:11px;
  width:145px;
  height:16px;
  position:absolute;
}

span#resultat_desc{
  background:url(images/trajet-bg.gif) no-repeat right top !important;
  text-indent:35px;
  left:327px;
  top:2px;
}

span#user_desc{
  background:url(images/user-bg.gif) no-repeat right top !important;
  text-indent:17px;
  left:328px;
  top:2px;
}

img#rss,
img#date {
  padding:0 !important;
  background:none;
  position:absolute;
}

img#rss {
  left:456px;
  top:3px;
}

img#date {
  left:455px;
  top:4px;
}


.tooltip {
  display: none;        /* required */
  position: absolute;   /* required */
  padding: 10px;
  border: 1px solid black;
  background-color: white;
  z-index: 9999;
}

#info_event {
  color: #FFFFFF;
  padding: 2px;
}

#marker_evenement {
  vertical-align: middle;
}

#pc_error {
  color: red;
}