/************************************************************************************/
/******************************      BODY       ******************************/
/************************************************************************************/

HTML{
  height:100%;
  width:100%;
}

/*  IE 6 et inférieurs  */
* html BODY{
  background-image:url(../img/fonds/fond_ligne_bleu.gif);
  margin:0px;
  width:100%;
  height:100%;
  
}

/* IE 7 seulement */
*+html  BODY{
  background-image:url(../img/fonds/fond_ligne_bleu.gif);
  margin:0px;
  width:100%;
  height:100% ;
}

/* Navigateurs modernes seulement (IE 7 non inclus) */
html>/**/body {
  background-image:url(../img/fonds/fond_ligne_bleu.gif);
  margin:0px;
  width:100%;
  height:100%;
  
}

.page{

	position:relative;
	margin-left:auto;
	margin-right:auto;
	width: 1016px;
	background-color:#FFFFFF;	
	background: url(../img/fonds/fond_bordures.png) repeat-y;

}

.page_guide{
	margin-top:20px;
}

.float_left{

	float:left;

}

.telecharger_plan{

	/*width:100%;*/
	text-align:center;
	margin-bottom:25px;

}

.page_guide .partie_gauche{
	width:570px;
}

.numero_ligne{
  
  position:relative;
  
  margin-left:10px;
  margin-right:30px;
  
}

.numero_ligne .fond{
	width:55px; 
	height:33px;	
}

.numero_ligne .numero{
  	font-family: Trebuchet MS, Arial, Verdana;
	color: #FFFFFF; 
	font-size: 24px;
	font-weight:normal;
	position:absolute;
	top:0px;
	left:0px;
	width:55px; 
	height:33px;
	text-align:center;
}

.fleche_couleur{
	 margin-top:5px;
	 width:13px;
	 height:9px;
}

.page_guide .partie_gauche .ligne{

	font-family: Trebuchet MS, Arial, Verdana;
	color: #000000; 
	font-size: 24px;
	font-weight:normal;

}

.page_guide .direction_ligne{
	font-family: Trebuchet MS, Arial, Verdana;
	color: #000000; 
	font-size: 14px;
	font-weight:bold;
	width:200px;
}

.page_guide .texte{
	font-family: Trebuchet MS, Arial, Verdana;
	color: #000000; 
	font-size: 12px;
}

.page_guide .partie_gauche .selection_arret{
  
  margin-top: 40px;
  
}

.page_guide .partie_gauche .selection_arret .select{
  
  width:265px;
  
}

.page_guide .partie_gauche .selection_arret .select_depart_intitule{
  
  width:335px;
  
}

.page_guide .partie_gauche .selection_arret .select_depart{
  
  width:305px;
  
}

.page_guide .partie_gauche .selection_arret .horaire{
  
  width:30px;
  
}

.texte_bold{
  
  font-weight:bold;
  
}

.texte_gras_mauve{
  
  color: #9b3793;
  
}

.texte_mauve{
  
  color: #9b3793;
  
}

.texte_mauve a{
  
  color: #9b3793 !important;
  
}

.texte_eveole{
  
  font-weight:bold;
  font-size:16px;
}


.page_guide .partie_gauche .arret_selectionne{
  
  margin-top: 20px;
  
}

.page_guide .partie_gauche .type_periode_1{
  
  font-family: Trebuchet MS, Arial, Verdana;
  font-size: 14px;
  font-weight:bold;
  color:#e6b339;
  margin-left:40px;
  margin-top:10px;
  margin-right:10px;
  
}

.page_guide .partie_gauche .type_periode_2{
  
  font-family: Trebuchet MS, Arial, Verdana;
  font-size: 14px;
  font-weight:bold;
  color:#1b93da;
  margin-left:40px;
  margin-top:10px;
  margin-right:10px;
  
}

.page_guide .partie_gauche .type_periode_3{
  
  font-family: Trebuchet MS, Arial, Verdana;
  font-size: 14px;
  font-weight:bold;
  color:#b0d14c;
  margin-left:40px;
  margin-top:10px;
  margin-right:10px;
  
}

.page_guide .partie_gauche .liste_horaire{
  
  margin-top: 20px;
  margin-left:auto;
  margin-right:auto;
    
  font-family: Trebuchet MS, Arial, Verdana;
  
  /*color: #ec0300;*/
  /*color:#9f24a2;*/
  font-size: 12px;
  
}

.page_guide .partie_gauche .liste_horaire .theme_1{
  
  /*background-color:#fee4de;*/
  background-color:#e3d2e1;
  padding-left:2px;
  padding-right:2px;
  text-align:center;

}

.page_guide .partie_gauche .liste_horaire .theme_2{
  
  background-color:#FFFFFF;
  padding-left:2px;
  padding-right:2px;
  text-align:center;
  
}

.page_guide .partie_gauche .liste_horaire .theme_1_type_periode_1{
  
  background-color:#f7e7c0;
  padding-left:2px;
  padding-right:2px;
  text-align:center;
  color:#a67a10;

}

.page_guide .partie_gauche .liste_horaire .theme_2_type_periode_1{
  
  background-color:#fcf4e0;
  padding-left:2px;
  padding-right:2px;
  text-align:center;
  color:#a67a10;
  
}

.page_guide .partie_gauche .liste_horaire .theme_1_type_periode_2{
  
  background-color:#dae8f8;
  padding-left:2px;
  padding-right:2px;
  text-align:center;
  color:#084b97;

}

.page_guide .partie_gauche .liste_horaire .theme_2_type_periode_2{
  
  background-color:#eef4fc;
  padding-left:2px;
  padding-right:2px;
  text-align:center;
  color:#084b97;
  
}

.page_guide .partie_gauche .liste_horaire .theme_1_type_periode_3{
  
  background-color:#e9f1c9;
  padding-left:2px;
  padding-right:2px;
  text-align:center;
  color:#738e08;

}

.page_guide .partie_gauche .liste_horaire .theme_2_type_periode_3{
  
  background-color:#f5f9e4;
  padding-left:2px;
  padding-right:2px;
  text-align:center;
  color:#738e08;
  
}



.page_guide .partie_gauche .liste_horaire .heure{
  
  color: #000000; 
  font-weight:bold;
  text-align:center;
  
}


.page_guide .partie_gauche .telechargement{
  
  margin-top: 35px;
  font-family: Trebuchet MS, Arial, Verdana;
    
  font-size: 12px;
}

.page_guide .partie_gauche .telechargement a{
  
  font-family: Trebuchet MS, Arial, Verdana;
    
  font-size: 12px;
  
  color: #000000;
  
  text-decoration:none;
  
  line-height:14px;
  
}

.page_guide .partie_gauche .telechargement a:hover{
  
  text-decoration:underline;
  
}

.page_guide .partie_gauche .telechargement .horaire{
  
  margin-left:20px;
  
}

.page_guide .partie_gauche .telechargement .text_horaire{
  
  margin-left:5px;
  margin-top:5px;
}

.page_guide .partie_gauche .telechargement .plan{
  
  margin-left:140px;
  
}

.page_guide .partie_gauche .telechargement .text_plan{
  
  margin-left:5px;
  margin-top:5px;
  
}

.page_guide .partie_gauche .arret_arrivee{
  
  margin-top: 30px;
  
  margin-left:20px;
  
  background-image:url(../img/lignes/formulaire_selection_horaire.png);
  
  width:511px;
  
  height:87px;
  
  font-family: Trebuchet MS, Arial, Verdana;
    
  font-size: 12px;
}

.page_guide .partie_gauche .arret_arrivee .selection{
  
   padding-top: 18px;
   padding-left: 18px;
  
}

.page_guide .partie_gauche .arret_arrivee .div_select{
  
  margin-top:12px;
  margin-left:15px;
  
}

.page_guide .partie_gauche .arret_arrivee .boutton{
  
  margin-top:8px;
  margin-left:30px;
  
}

.page_guide .partie_gauche .arret_arrivee .select{
  
  width:265px;
  
}

.page_guide .partie_gauche .recherche{
  
  margin-top: 30px;
  
  font-family: Trebuchet MS, Arial, Verdana;
    
  font-size: 13px;
  
  color:#4d4d4d;
  
}

.page_guide .partie_gauche .resultat{
  
  width:558px;
  border: 1px solid #e0e0e0;
  
}

.page_guide .partie_gauche .trajet{
  
  margin-top: 10px;
  
  margin-left: 8px;
  
}

.page_guide .partie_gauche .date{
  
  margin-top: 10px;
  
  margin-left: 8px;
  
}

.page_guide .partie_gauche .horaire_depart{
  
  margin-top: 10px;
  
  margin-left: 8px;
  
}

.page_guide .partie_gauche .proposition{
  
  margin-top: 10px;
  
  text-align:center;
  
  font-weight: bold;
    
}

.page_guide .partie_gauche .liste_proposition{
  
  margin-top: 10px;
  
  text-align:center;
  
  margin-left:auto;
  
  margin-right:auto;
  
  font-size: 12px;
  
  width:210px;
    
}

.page_guide .partie_gauche .liste_proposition .entete{
  
  padding-top:5px;   
  background-color:#ececec;
  width:100px;
  height:25px;
  margin:2px;
  font-weight:bold;
    
}

.page_guide .partie_gauche .liste_proposition .col1{
  
  padding-top:15px;  
  background-color:#e8d4e0;
  width:100px;
  height:50px;
  margin:2px;
      
}

.page_guide .partie_gauche .liste_proposition .col2{
  
  padding-top:25px; 
  background-color:#e4ebf3;
  width:100px;
  height:40px;
  margin:2px;
      
}

.page_guide .partie_gauche .choix_horaire{
  
  margin-top: 10px;
  margin-bottom: 10px;
  width:315px;
  margin-left:auto;
  margin-right:auto;

  position:relative;  
}

.page_guide .partie_gauche .choix_horaire .btn{
  
  position:absolute;
  top:0px;
  left:0px;
  z-index:100;
  
}

.page_guide .partie_gauche .autres_liens{
  
  margin-top: 5px; 
  
  font-family: Trebuchet MS, Arial, Verdana;
    
  font-size: 11px;
  
  font-weight:bold;
  
  color:#000000;
    
}

.page_guide .partie_gauche .liens_gauche{
  
  margin-top: 15px;  
  margin-bottom:60px;
  margin-left:35px;
  
  font-family: Trebuchet MS, Arial, Verdana;
    
  font-size: 11px;
  
  color:#000000;
}

.page_guide .partie_gauche .liens_gauche a{
  
  font-family: Trebuchet MS, Arial, Verdana;
    
  font-size: 11px;
  
  color:#000000;
  
  text-decoration:none;
  
}

.page_guide .partie_gauche .liens_gauche a:hover{
  
  text-decoration:underline;
  
}

.page_guide .partie_gauche .liens_droite{
  
  margin-top: 15px;
  margin-bottom:60px;  
  margin-left:70px;
  
  font-family: Trebuchet MS, Arial, Verdana;
    
  font-size: 11px;
  
  color:#000000;
}

.page_guide .partie_gauche .liens_droite a{
  
  font-family: Trebuchet MS, Arial, Verdana;
    
  font-size: 11px;
  
  color:#000000;
  
  text-decoration:none;
  
}

.page_guide .partie_gauche .liens_droite a:hover{
  
  text-decoration:underline;
  
}

.curseur{
  
  cursor: pointer;
  
}

.contour_haut_gauche_style_2{
  
  background:url(../img/tableaux/ligne/h_g2.jpg) no-repeat;
  width:10px;
  height:11px;
  
}

.contour_haut_style_2{
  
 background:url(../img/tableaux/ligne/h2.jpg) repeat-x;
 height:11px;
 width:438px;
  
}

.contour_haut_droit_style_2{
  
  background:url(../img/tableaux/ligne/h_d2.jpg) no-repeat;
  width:11px;
  height:11px;
  
}

.contour_gauche_style_2{

  background:url(../img/tableaux/ligne/g2.jpg) repeat-y;
  width:10px;

}

.contour_droit_style_2{
  
  background:url(../img/tableaux/ligne/d2.jpg) repeat-y;
  width:11px;
  
}

.contour_bas_gauche_style_2{
  
  background:url(../img/tableaux/ligne/b_g2.jpg) no-repeat;
  width:10px;
  height:13px;
  
}

.contour_bas_style_2{
  
  background:url(../img/tableaux/ligne/b2.jpg) repeat-x;
  height:13px;
  width:438px;
  
}

.contour_bas_droit_style_2{
  
  background:url(../img/tableaux/ligne/b_d2.jpg) no-repeat;
  width:11px;
  height:13px;
  
}

.compte_rebours .conteneur .text_blanc{
  
  color:#FFFFFF;
  font-family:Trebuchet MS,Arial,Verdana;
  font-size:20px;
  font-weight:bold;
  
}

.compte_rebours .conteneur .text_gris_bleu{
  
  color:#517784;
  font-family:Trebuchet MS,Arial,Verdana;
  font-size:16px;
  font-weight:bold;
  
}