/* CSS Document */

html, body, img, .menu ul, .menu li, h1, h2, hr {
  border: 0px;
  padding: 0px;
  margin: 0px;
  }

html, body {
  _width: 100%;
  _height: 100%;
  _overflow: hidden;
}

body {
  margin: 0 auto;
  padding: 0;
  width: 772px;
  background: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #50217b;
}

/*ul, ol {
  margin-top: 0px;
  margin-bottom: 0px;
  }*/

/* HTMLAREA */
div.htmlarea p {
  margin-top: 0px;
  }

br.clear {
  clear: both;
  }
  
html div.page {
  _position: relative;
  _width: 100%;
  _height: 100%;
}

/*----- Banniere -----*/
div.header {
	position: fixed;
	top: 0;
	width: 772px;
	height: 122px;
	/*overflow: hidden;*/
	background: #FFFFFF url(./images/header.jpg) top no-repeat;
	z-index: 14;
	
	_position: absolute;
}

div.lien_accueil a {
  display: block;
  float: left;
  width: 202px;
  height: 122px;
  text-decoration: none;
  }

/*----- menu de la banniere -----*/
div.menu_header {
  margin: 122px 0 0 316px;
  }
  
div.menu_bouton {
  float: left;
  margin: 0px 0px 0px 0px;
  }

/*----- menu de gauche -----*/
div.menu {
  background: transparent url(./images/menu_gauche.jpg) bottom no-repeat;
  position: fixed;
  top: 122px;
  bottom: 27px;
  width: 168px;
  height: 422px;
  margin: 0;
  z-index: 12;
  overflow: no;
  
  _position: absolute;
  _top: 122px;
  _left: 0;
  _bottom: 27px;
  _margin-top: 0;
  _margin-bottom: 0;
  _margin-left: 0;
  _overflow: no;
  _height: 422px;
}

a.lien_transdev {
  display: block;
  position: absolute;
  bottom: 1px;
  left: 60px;
  width: 100px;
  height: 22px;
  }

/*----- photo de droite -----*/
div.photo_droite {
  float: right;
  width: 138px;
  padding: 0px 2px 0 0;
  }
  
div.photo_droite img {
  margin: 3px 0 3px 0;
  border: 1px solid #50217b;
  }

/*----- contenu de la page centrale -----*/
div.contenu {
	overflow:auto;
	overflow-x:hidden;
	position: relative;
	background: #ffffff;
	width: 553px;
	height: 422px;
	margin-top: 122px;
	margin-bottom: 27px;
	margin-left: 219px;
	z-index: 5;
	
	_position: absolute;
	_top: 122px;
	_bottom: 27px;
	_left: 219px;
	_margin-top: 0;
	_margin-bottom: 0;
	_margin-left: 0;
	_overflow: auto;
	_height: 422px;
}	

*+html div.contenu{
	top: 122px;
	bottom: 27px;
	left: 216px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	overflow: auto;
}

div.contenu div.document {
  float: left;
  padding-left: 6px;
  width: 370px;
  text-align: justify;
  overflow-x: hidden;
  }
  
div.contenu h3 {
  font-size: 12px;
  font-weight: bold;
  color: #50217b;
  }
  
div.contenu h4 {
  color: #9bd5e3;
  font-weight: bold;
  border-bottom: 1px solid #50217b;
  font-size: 11px;
  }
  
div.contenu h5 {
  color: #EEEEFF;
  font-weight: bold;
  background-color: #AF9A96;
  font-size: 11px;
  }
  
div.contenu a {
  font-weight: bold;
  color: #50217b;
  text-decoration: none;
  }
  
div.contenu a:hover {
  font-weight: bold;
  color: #9bd5e3;
  text-decoration: none;
  }

/*----- Pied de page -----*/
div.footer {
  background: transparent url(./images/footer.gif) bottom no-repeat;
  position: fixed;
  top: 544px;
  height: 34px;
  width: 772px;
  z-index: 13;
  overflow: hidden;
  line-height: 34px;
  text-align: center;
  color: #FFFFFF;
}

* html div.footer {
  position: absolute;
}

div.footer a {
  color: #FFFFFF;
  text-decoration: none;
  font-weight: bold;
  }
  
div.footer a:hover {
  text-decoration: none;
  font-weight: bold;
  }
  input, select {
  font-size: 11px;
  }
  

/*----- Titre de la page courante -----*/
h1 {
  margin: 0;
  text-align: right;
  }
  
/*----- Sous titre de la page courante -----*/
h2 {
  background: #ffffff;
  margin: 0 7px 10px 1px;
  height: 27px;
  }
  
h2 a {
  display: block;
  height: 27px;
  }
  
h2 a img {
  margin: 0 0 0 0px;
  }

div.menu ul {
  list-style: none;
  }  

div.menu ul li.itineraire a {
  display: block;
  text-decoration: none;
  height: 52px;
  padding-left: 12px;
  }
  
  div.menu ul li.contact a {
  display: block;
  text-decoration: none;
  height: 58px;
  padding-left: 12px;
  }
  
  div.menu ul li.partenaires a {
  display: block;
  text-decoration: none;
  height: 56px;
  padding-left: 12px;
  }
  
/*div.menu ul li.itineraire a img {
  margin-top: 8px;
  }*/

div.menu ul li.menu div {
  border-bottom: 1px solid #50217b;
  height: 24px;
  margin: 1px 1px 1px 0px;
  }

div.menu ul li.menu div a {
  display: block;
  text-decoration: none;
  font-style: italic;
  color: #FFFFFF;
  height: 23px;
  line-height: 22px;
  padding-left: 12px;
  }
  
div.menu ul li.menu div a:hover {
  display: block;
  background: #9bd5e3;
  text-decoration: none;
  font-style: italic;
  color: #FFFFFF;
  height: 23px;
  line-height: 22px;
  padding-left: 12px;
  }
  

div.titre {
  color: #9bd5e3;
  font-weight: bold;
  border-bottom: 1px solid #4a1e77;
  }

marquee {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #AF9A96;
  padding: 8px 0px 8px 0px;
  }
  
select {
  border: 1px solid #AF9A96;
  }
  
div.question {
  padding-top: 16px;
  color: #9bd5e3;
  font-weight: bold;
  border-bottom: 1px solid #50217b;
  }
  
div.contenu ul li {
  /*list-style-type: disc;*/
  margin-left: 24px;
  }

div.paragraphe ul li {
  /*list-style-type: disc;*/
  }
  
div.produit_tarifs {
  float: right;
  font-weight: bold;
  }

/* ACTUALITE */
div.actu {
  margin-bottom: 12px;
  overflow: hidden;
  _height: 1%;
  }
  
div.actu .titre {
  color: #9bd5e3;
  font-weight: bold;
  border-bottom: 1px solid #50217b;
  }
  
div.actu .date {
  float: right;
  }
  
div.actu .photo {
  float: left;
  }

/* PRODUIT */
div.produit {
  margin-bottom: 12px;
  overflow: hidden;
  _height: 1%;
  }
div.produit .photo {
  float: left;
  }

div.produit div.produit_titre {
  color: #9bd5e3;
  font-weight: bold;
  border-bottom: 1px solid #50217b;
  font-size: 11px;
  }
  
/* DETAIL PRODUIT */
div.produit_detail {
  margin-bottom: 12px;
  overflow: hidden;
  _height: 1%;
  }
div.produit_detail .photo {
  text-align: center;
  }
  
/* FAQ */
div.reponse {
  margin-bottom: 24px;
  }

#select_horaire {
  width: 256px;
  }

.souligne {
  border-bottom: 1px solid #50217b;
  }

/*p {
  _margin-top: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  
  _height: 1%;
  }*/

h3+p {
  margin-top: 8px;
  }

div.paragraphe {
  _margin-top: 8px;
  margin-bottom: 12px;
  overflow: hidden;
  
  _height: 1%;
  }
 
 h3+div.paragraphe {
  margin-top: 8px;
  }

div.logo {
  float: left;
  }

.gras {
  font-weight: bold;
  }
  
.text_vert {
  color: #00932D;
  }

div.message_xml {
  color: #00AA00;
  font-weight: bold;
  margin: 32px 0px 0px 32px; 
  }
  
.arret_depart {
  background-color: #edec88;
  }

ul.questionnaire {
  padding-left: 0px;
  list-style-type: none;
  }

/* MISE EN PAGE DU MOTEUR DE CALCUL D'ITINERAIRE */
div.contenu div.itineraire {
  float: left;
  padding-left: 6px;
  width: 540px;
  text-align: justify;
  overflow-x: hidden;
  _height: 1%;
  }

/* Page d'appel du moteur */
form.itineraire div.arret_depart {
  width: 360px;
  border: 1px solid #50217b;
  background-color: #edec88;
  margin: 5px 0px 16px 0px;
  float: left;
  overflow: hidden;
  padding: 2px 2px 8px 2px;
  
  _height: 1%;
  }
  
form.itineraire div.arret_depart h3 {
  margin-bottom: 8px;
  }
  
form.itineraire div.arret_arrive {
  width: 360px;
  border: 1px solid #50217b;
  background-color: #edec88;
  float: left;
  margin-bottom: 16px;
  overflow: hidden;
  padding: 2px 2px 8px 2px;
  
  _height: 1%;
  }
  
form.itineraire div.arret_arrive h3 {
  margin-bottom: 8px;
  }
  
form.itineraire div.itin_temps {
  width: 360px;
  border: 1px solid #50217b;
  background-color: #cceaf1;
  float: left;
  overflow: hidden;
  padding: 2px 2px 8px 2px;
  
  _height: 1%;
  }
  
form.itineraire div.itin_temps h3 {
  margin-bottom: 8px;
  }

div.itineraire div.divhoraires {
  width: 360px;
  overflow-x: auto;
  overflow-y: hidden;
  }

/* COULEUR DES ZONES */
div.itineraire .zone_dark_ {
  background-color: #d8f0f6;
  }
  
div.itineraire .zone_light_ {
  background-color: #9bd5e3;
  }

/* tableau de résultat */
div.itineraire table.tableau_itin .vide {
  height: 14px;
  background-color: #eef8fa;
  border-top: 3px solid #FFFFFF;
  }

/* hack ie6, ie7 */
* html div.itineraire table.tableau_itin .vide, *+html div.itineraire table.tableau_itin .vide {
  height: 14px;
  background-color: #eef8fa;
  border-top: 3px solid #FFFFFF;
  }

div.itineraire table.tableau_itin .entete_ligne {
  height: 14px;
  background-color: #ECF3F6;
  text-align: center;
  }
  
div.itineraire table.tableau_itin .horaire_direct {
  height: 14px;
  text-align: center;
  }
  
div.itineraire table.tableau_itin .horaire_depart {
  height: 14px;
  padding: 0px 0px 0px 2px;
  }
  
  div.lignes {
  background-color:#edec88;
  }
  
  
  
/*-----menus déroulants-----------*/
#menuDeroulant
{
 width: 772px;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top: 0;
 left: 0;
}
#menuDeroulant li
{
 float: left;
 _width: 1%; /*hack IE6*/
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #FFF;
 /*background: #3B4E77;*/
 margin: 0;
 padding: 0;
 text-decoration: none;
}
/*#menuDeroulant li a:hover { background-color: #F2462E; }*/
/*#menuDeroulant li a:active { background-color: #5F879D; }*/

#menuDeroulant .sousMenu
{
 list-style-type: none;
 display: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 124px;
 height: 20px;
 border-top: 1px solid #FFF;
 border-right: 1px solid transparent;
}

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 padding: 5px 0 0 2px;
 height: 20px;
 text-decoration: none;
 background-color: #f29400;
}

#menuDeroulant .sousMenu li a:hover
{
 color: #50217b;
 background-image: none;
 background-color: #FFF;
}

#menuDeroulant li.sfhover .sousMenu { display: block; }
#menuDeroulant li:hover > .sousMenu { display: block; }

/*----personnalisation couleurs------------*/
#menuDeroulant .sousMenu li a.vert:link,
#menuDeroulant .sousMenu li a.vert:visited
{
 background-color: #dfdb22;
}

#menuDeroulant .sousMenu li a.violet:link,
#menuDeroulant .sousMenu li a.violet:visited
{
 background-color: #50217b;
}

#menuDeroulant .sousMenu li a.rose:link,
#menuDeroulant .sousMenu li a.rose:visited
{
 background-color: #c60042;
}

#menuDeroulant .sousMenu li a.ciel:link,
#menuDeroulant .sousMenu li a.ciel:visited
{
 background-color: #9bd5e3;
}


#menuDeroulant .sousMenu li a.vert:hover,
#menuDeroulant .sousMenu li a.violet:hover,
#menuDeroulant .sousMenu li a.rose:hover,
#menuDeroulant .sousMenu li a.ciel:hover
{
color: #50217b;
 background-image: none;
 background-color: #FFF;
}