/*
 Attention NE PAS MODIFIER ce fichier
 Merci de redéclarer les fonctions souhaitées dans custom.css
*/

*
{
  list-style: none;
  margin: 0px;
  padding: 0px;
}


div.timeo_titre,
div.timeo_titre_arret,
div.timeo_titre_retour
{
  width: auto;
  background: url(./img/fleche.png) no-repeat top left;
  padding-left: 15px;
  font-weight: bold;
}

div.timeo_titre
{
  padding-bottom: 10px;
}

/*
  Affichage des horaires
*/
li.timeo_ligne { }
li.timeo_horaire { }
a.lien_ajout_borne { /*margin-left: 20px;*/ }
a.lien_enleve_borne { margin-left: 20px; }

div.timeo_titre_borne
{
  color:#019069;
}

table.timeo_search
{
  width: 100%;
}

#consultation 
{
	margin-top:16px;
}
#borne_perso { }
#liste_pert { }

div.bloc_information
{
  margin-bottom: 20px;
}

div.bloc_horaire
{
  /*padding-bottom: 10px;*/
}

div.bloc_message
{
  padding-bottom: 10px;
}

.bloc_horaire ul
{
  margin-left: 20px;
}

span.timeo_ligne_couleur
{
  display: none;
/*
  display: block;
  float: left;
  width: 20px;
  margin-right: 5px;
*/
}

/*
  Ensemble des perturbations
*/

p.titre_message { font-weight: bold; }
p.corps_message { }

.message
{
  border: 1px #FF663A solid;
  padding: 5px;
  padding-left: 50px;
  background: #E5E5E5 url(./img/panneau_perturb.gif) no-repeat top left;
  /*border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;*/
}

.reseau
{
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 20px;
}

.ligne
{
  margin-left: 30px;
  margin-right: 30px;
}

.bloquant { }
.non_bloquant { }

/*
  Lien
*/
a { text-decoration: none; }

.erreur a { color: red; }

.lien_acces_borne
{
  padding-bottom: 10px;
}

/*
  Erreur
*/
.erreur
{
  color: red;
  font-family: arial;
  font-weight: bold;
  padding-top: 5px;
  vertical-align: top;
}

/*
  Horaire
*/
#heure {
  color:#ffffff;
  font-family:Verdana;font-weight:bold;
  text-align: right;
  width:96%;
  margin-bottom:10px;
}

/*
  Formulaire de recherche (table)
*/

td.label {
  padding-top: 2px;
  padding-left: 20px;
  vertical-align: top;
  text-align: left;
  width: 130px;
  white-space: nowrap;
  font-weight: bold;
}

td.field
{
  width: auto;
  height: 33px
}

td.help
{
  width: 40px;
  min-width: 40px;
  vertical-align: top;
}

td .link_help
{
  display: none;
  width: 19px;
  height: 23px;
}

td .img_help
{
  background:url(./img/bouton_aide.gif) no-repeat;
  background-position: center;
  width: 43px;
  height: 28px;
  display: block;
  float: left;
}

td.goto
{
  width:130px;
  min-width:75px;
  vertical-align: top;
}

td.empty
{
  padding-left: 20px;
  vertical-align: top;
  color:red;
  text-align: left;
  font-family: verdana, serif;
}

/*
  Image de fond pour les balises 'input' et 'select'
*/
span.input input, span.input select
{
  display: block;
  width: 100%;
}

span.input span, span.input em
{
  display:block;
  height:35px;
  line-height:33px;
  margin:0;
}

span.input span
{
  padding-left:15px;
  background:url(./img/input_form_bg.png) no-repeat 0 0;
}

span.input em
{
  padding-top: 6px;
  font-style:normal;
  padding-right:15px;
  background:url(./img/input_form_bg.png) no-repeat 100% 0;
}

/*
  Image de fond pour les boutons
*/
div.button
{
  text-align:right;
}

button.button, span.input
{
  cursor: pointer;
	cursor: hand;
  border:none;
  background:none;
  padding:0;
  margin:0;
  width:auto;
  overflow:visible;
  text-align:center;
  white-space:nowrap;
  height:28px;
  line-height:20px;
}

button.button span, button.button em
{
  display:block;
  height:28px;
  line-height:20px;
  margin:0;
  color:#FFFFFF;
  font-family: Arial;
  font-weight: bold;
  text-shadow: #069 1px 1px 1px, #069 1px -1px 1px, #069 -1px 1px 1px, #069 -1px -1px 1px;
}

button.button span
{
  padding-left:40px;
  background:url(./img/button_fond.png) no-repeat 0 0;
}

button.button em
{
  font-style:normal;
  padding-right:40px;
  background:url(./img/button_fond.png) no-repeat 100% 0;
}

button.recherche span { }
button.recherche em { }

button.acces_borne span { }
button.acces_borne em { }

button.retour span { }
button.retour em { }

button.valider span
{
  background-position: 0 -27px;
  padding-left:11px;
}

button.valider em
{
  background-position: 100% -27px;
  color:#064873;
  padding-right:11px;
  text-shadow: #DDD 1px 1px 1px, #DDD 1px -1px 1px, #DDD -1px 1px 1px, #DDD -1px -1px 1px;
}

button:active
{
  margin-top:1px;
  margin-left:2px;
}

button:hover.valider em
{
  text-shadow: #FFF 2px 2px 2px, #FFF 2px -2px 2px, #FFF -2px 2px 2px, #FFF -2px -2px 2px;
}

/*
  Infobulle
*/
.timeo_infobulle
{
  cursor: pointer;
	cursor: hand;
  width:250px;
  position:absolute;
  background-color:white;
  border:1px blue solid;
  padding:5px;
  margin-top:10px;
  margin-left:-200px;
  white-space:normal;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.timeo_infobulle span /* texte de fermeture */
{
  margin-top: 10px;
  text-align: right;
  font-weight: bold;
}