/* 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:#565656 url(./images/bg.gif) repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
	color: #646464;
  overflow-y : scroll;
}

input, select, textarea{
	font-size: 10px;
	width: 280px;
	border: 1px solid #BAD2EE;
	margin: 2px;
	_margin: 1px;
}
input.mini, select.mini{
	width: 70px;
}
input.radio, input.check{
	border: none;
	width:20px;
}

/*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%;
}

#shadow {
	position: fixed;
	_position: absolute;
	z-index: 1;	
	width: 790px;
	margin-left: -9px;
	top: 0;
	height: 100%;
	background-image:url(images/bg_page.gif);
}



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

div.header a {
  padding-right: 8px;
  }

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

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

/*----- menu de gauche -----*/
div.menu {
  background: #e5edf8 url(./images/menu.jpg) bottom no-repeat;
  position: fixed;
  top: 139px;
  bottom: 27px;
  width: 219px;
  margin: 0 auto;
  z-index: 12;
  overflow: auto;
  overflow-x: hidden;
  border-right:1px solid #ffffff;
  
  _position: absolute;
  _top: 139px;
  _left: 0;
  _bottom: 27px;
  _margin-top: 0;
  _margin-bottom: 0;
  _margin-left: 0;
  _overflow: auto;
  _overflow-x: hidden;
  _height: expression(document.body.clientHeight - 139 - 27 + "px");
}

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: 0 5px 0 0;
  }

div.photo_droite img {
  margin: 3px 0 3px 0;
	padding: 1px;
  border: 1px solid #3385bd;
  }



/*----- contenu de la page centrale -----*/
div.contenu {
	overflow: auto;
	overflow-x : hidden;
	position: relative;
	background: #ffffff;
	width: 553px;
	margin-top: 139px;
	margin-bottom: 27px;
	margin-left: 219px;
	z-index: 5;
  padding-bottom: 27px;
	
	_position: absolute;
	_top: 139px;
	_bottom: 27px;
	_left: 219px;
	_margin-top: 0;
	_margin-bottom: 0;
	_margin-left: 0;
	_overflow: auto;
	_height: expression(document.body.clientHeight - 139 - 27 + "px");
}	

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

div.contenu div.document {
  float: left;
  padding-left: 15px;
  width: 370px;
  text-align: justify;
  }
  
div.contenu div.reflex {
  width: 520px;
  text-align: left;
  }

div.contenu h3 {
  font-size: 12px;
  font-weight: bold;
  color: #DB1D1F;
  }
  
div.contenu h4 {
  color: #E21F1B;
  font-weight: bold;
  border-bottom: 1px solid #000000;
  font-size: 11px;
  margin-bottom: 4px;
	padding-bottom: 3px;
  }
  
div.contenu h5 {
  color: #333333;
  font-weight: bold;
  background-color: #E5EDF8;
  font-size: 11px;
  margin-bottom: 2px;
  }

div.contenu ul {
  list-style: none;
  margin-left: 16px;
  }
  
div.contenu a {
  font-weight: bold;
  color: #3385BD;
  text-decoration: none;
  }
  
div.contenu a:hover {
  font-weight: bold;
  color: #DD1F1F;
  text-decoration: none;
  }

/*----- Pied de page -----*/
div.footer {
  background: url(./images/bg_footer.gif);
  position: fixed;
  bottom: 0;
  height: 27px;
  width: 772px;
  z-index: 13;
  overflow: hidden;
  line-height: 27px;
  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 {
  color: #E71A1F;
  text-decoration: none;
  font-weight: bold;
  }

/*----- Titre de la page courante -----*/
h1 {
  margin: 12px 7px 0 0;
  text-align: right;
  }
  
/*----- Sous titre de la page courante -----*/
h2 {

 /* background: #AF9A96 url(./images/sous_titre_fond.jpg) right no-repeat;*/
	
  margin: 0 7px 0px 1px;
	height: 85px;
  }
  
h2 a {
  display: block;
  height: 27px;
  }
  
h2 a img {
  margin: 10px 0 0 10px;
  }

div.menu ul {
  list-style: none;
  background: #ffffff;
	text-align: right;
  }  

div.menu ul li.itineraire a {
  display: block;
  text-decoration: none;
  height: 40px;
  border-bottom: 1px solid #7ab0d4;
	text-align: center;
	background: #E5EDF8;

  }



div.menu ul li.itineraire a img {
  margin-top: 15px;
  }


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

div.menu ul li.menu div a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #000000;
  height: 23px;
  line-height: 22px;
  padding-right: 20px;
	background: url(./images/menu_bg.gif) no-repeat right;
  }
  
div.menu ul li.menu div a:hover {
  display: block;
  background: #000000 url(./images/menu_bg_ro.gif) no-repeat right;
  text-decoration: none;
  color: #FFFFFF;
  height: 23px;
  line-height: 22px;
  padding-left: 12px;
  }

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: #00A6EB;
  font-weight: bold;
  border-bottom: 1px solid #A19796;
  }
  
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: #E2191F;
  font-weight: bold;
  border-bottom: 1px solid #A19796;
	margin-bottom: 10px;
	padding-bottom: 3px;
  }
  
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;
  width: 134px;
  }

div.produit div.produit_titre {
  color: #DD1F1F;
  font-weight: bold;
  border-bottom: 1px solid #A19796;
  font-size: 11px;
  }

div.produit .description {
  float: left;
  width: 230px;
  }

/* TOUS LES CADRES DANS UNE LISTE D'ELEMENTS */
div.cadre_list {
  margin-bottom: 12px;
  overflow: hidden;
  _height: 1%;
  }

div.cadre_list .detail {
  margin-bottom: 12px;
  overflow: hidden;
  _height: 1%;
  background-color: #E5EDF8;
  }

div.cadre_list .photo {
  float: left;
  width: 136px;
	margin: 3px;
  }

div.cadre_list div.description {
  float: left;
  }

div.cadre_list div.detail div.description {
  float: left;
  width: 227px;
  }

/* CADRE FOND BLEU */
div.produit div.detail_produit, div.special div.description, div.transport_combi div.description {
  overflow: hidden;
  _height: 1%;
  background-color: #E5EDF8;
  }
  
/* DETAIL PRODUIT */
div.produit_detail {
  margin-bottom: 12px;
  overflow: hidden;
  _height: 1%;
  }

div.produit_detail .photo {
  text-align: center;
  }

div.produit_detail .titre {
  text-align: center;
  }
  
/* FAQ */
div.reponse {
  margin-bottom: 24px;
  }

#select_horaire {
  width: 256px;
  }

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

/*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;
  }
  
.gras {
  font-weight: bold;
  }
  
.text_vert {
  color: #00932D;
  }

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

div.bien_voyager ul, div.qui ul, div.gratuit ul, div.emploi ul {
  list-style: disc;
  padding-left: 6px;
  }

div.contact * {
  text-align: center;
  }

div.itin_depart #lieu_depart, div.itin_depart #arret_depart, div.itin_arrivee #lieu_arrivee, div.itin_arrivee #arret_arrivee {
  width: 300px;
  }

div.recap_itin #horaire_minute, div.recap_itin #horaire_heure {
  width: 42px;
  }

div.lien_droit {
  text-align: right;
  }

/*_____________________________________________________________________________*/
/* Mise en page Moteur de calcul */

div.itineraire {
  }

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

div.itineraire td.horaire {
  width: 200px;
  }

table.tableau_itineraire td.horaire_depart, table.tableau_itineraire td.horaire_direct, table.tableau_itineraire td.horaire_arrivee, table.tableau_itineraire td.horaire_correspondance {
  height: 16px;
  padding: 1px;
  margin: 1px;
  }

table.tableau_itineraire td.lignes_entete {
  height: 16px;
  padding: 1px;
  margin: 1px;
  }

table.tableau_itineraire td.entete {
  height: 16px;
  padding: 1px;
  margin: 1px;
  padding-top: 5px;
  }
  
/* TABLEAU DE RESULTAT */
table.tableau_itineraire {
  width: 300px;
  margin-top: 36px;
  }

table.tableau_itineraire .vide {
  height: 17px;
  background-color: #ECF3F6;
  border-top: 3px solid #FFFFFF;
  }

/* hack ie6, ie7 */
* html table.tableau_itineraire .vide, *+html table.tableau_itineraire .vide {
  height: 14px;
  background-color: #ECF3F6;
  border-top: 3px solid #FFFFFF;
  }
  
table.tableau_itineraire .entete_ligne {
  height: 14px;
    _height: 17px;
  background-color: #ECF3F6;
  text-align: center;
  }
  
table.tableau_itineraire .horaire_direct {
  height: 14px;
  text-align: center;
  }
  
table.tableau_itineraire .horaire_depart {
  height: 14px;
  padding: 0px 0px 0px 2px;
  }

/* COULEUR DES ZONES */
.zone_dark_ {
  background-color: #ECF3F6;
  }
  
.zone_light_ {
  background-color: #C9D2E1;
  }

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

 img.image_correspondance {
  border: 0;
  margin-top: -1px:
  }

div.itin_submit {
  text-align: center;
  }

input.button {
  font-size: 11px;
  border: 0px;
  background: #FFFFFF url(../images/envoyer_off.gif) top left no-repeat;
  cursor: pointer;
  width: 55px;
  height: 20px;
  }

input.button_hover {
  font-size: 11px;
  color: #00A6EA;
  border: 0px;
  background: #FFFFFF url(../images/envoyer_on.gif) top left no-repeat;
  cursor: pointer;
  width: 55px;
  height: 20px;
  }

input.button_trajet_retour {
  background: #FFFFFF url(../images/trajet_off.gif) top left no-repeat;
  width: 85px;
  height: 20px;
  cursor: pointer;
  border: 0;
  }

input.button_trajet_retour_on {
  background: #FFFFFF url(../images/trajet_on.gif) top left no-repeat;
  width: 85px;
  height: 20px;
  cursor: pointer;
  border: 0;
  }

table.type_horaire {
  float: left;
  margin-left: 64px;
  border-collapse: collapse;
  }

table.type_horaire td {
  border: 1px solid #FF7B29;
  color: #CD2A0B;
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 6px 2px 6px;
  text-align: center;
  cursor: pointer;
  }

table.type_horaire td.select{
  border: 1px solid #CD2A0B;
  background-color: #FF7B29;
  color: #FFFFFF;
  }
  
/* MISE EN PAGE TABLEAU TARIF COMMANDE */
table.tableau_tarif {
  
  }

table.tableau_tarif th {
  background-color: #C5CDD8;
  }

table.tableau_tarif td {
  background-color: #E5EDF8;
  }


/* MISE EN PAGE REFLEX */
table.reflex_table {
  border-collapse: collapse;
  margin: 12px 0px 0px 12px;
  }

table.reflex_table td, table.reflex_table th {
  border: 1px solid black;
  width: 128px;
  text-align: center;
  }

div.cadre_reflex {
  background:#FFFFFF url(images/cadre_reflex.gif) no-repeat top left;
  width: 520px;
  height: 48px;
  }

div.cadre_reflex img {
  margin: 2px 12px 2px 6px;
  display: block;
  float: left;
  }