/* $Id: skin.css,v 1.4 2010/06/18 13:59:21 mb Exp $ */
/* skin.css - Plein vent Mai 2007														*/
/* Créé le 11.05.07 - Agence PCV (Arnaud.C)												*/
/*--------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------*/
/* BLOC COMMUN																			*/
/*--------------------------------------------------------------------------------------*/
body
	{
	text-align: center;
	background-color: #FFFFFF;
	}
#body
	{
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	margin: 0px;
	padding: 10px;
	text-align: center;
	}
@media print
	{
    #body{background-color: #FFFFFF; padding: 0px;}
	}
form
	{
	padding: 0;
	margin: 0;
	}
select, option
	{
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #7F9DB9;
	}
input
	{
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #F40A0A;
	border: normal;
	}
input { border: 0;}
.frminput, #saisiePaxMain input, table tbody td input{border: 1px solid #7F9DB9;}

textarea
	{
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #F40A0A;
	}
a
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #004692;
	}
#default
	{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/commun_backg.jpg");
	}


/*--------------------------------------------------------------------------------------*/
/* COMMUN : PIED DE PAGE																*/
/*--------------------------------------------------------------------------------------*/
#defaultBottom
	{
	clear: both;
	background-image: url("../images/commun_fond_piedpage.gif");
	background-repeat: no-repeat;
	height: 152px;
	width: 100%;
	text-align: right;
    font-size: 10px;
	color: #FFFFFF;
	}
#defaultBottom a, #defaultBottom td
	{
    font-size: 10px;
    color: #FFFFFF; 
	padding-bottom: 5px;
	}
#defaultBottom_menu
	{
	width: 100%;
	height: 100%;
	}
#signature_pcv
	{
	float: left;
	text-align: left;
	padding-top: 5px;
	/*padding-left: 5px;*/
	padding-bottom: 10px;

	width: 780px;
	}
#signature_pcv img{vertical-align: middle;}


/*--------------------------------------------------------------------------------------*/
/* COMMUN : CENTRE DE LA PAGE															*/
/*--------------------------------------------------------------------------------------*/
#resaProductTitre {display: none;}


/*--------------------------------------------------------------------------------------*/
/* PAGE PROMOTION : recherchePromo														*/
/*--------------------------------------------------------------------------------------*/
#recherchePromo
	{
	width: 442px;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	
	background-image: url("../images/recherchePromo_Titre.gif");
	background-repeat: no-repeat;
	text-align: left;
	}
#recherchePromo table
	{
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	font-family: Arial, Helvetica;
	/*border-width: 1px; border-style: dotted;*/
	}

#recherchePromo thead{visibility: hidden;}
#recherchePromo tbody th
	{
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	/*width: 105px;*/
	width: 40%;
	height: 20px;
	}
#recherchePromo tbody td
	{
	text-align: left;
	font-size: 10px;
	padding-left: 10px;
	width: 60%;
	}
#recherchePromo tfoot
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}


/*--------------------------------------------------------------------------------------*/
/* PAGE CATALOGUE : rechercheCatalogue													*/
/*--------------------------------------------------------------------------------------*/
#rechercheCatalogue
	{
	width: 431px;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	
	background-image: url("../images/rechercheCatalogue_Titre.gif");
	background-repeat: no-repeat;
	text-align: center;
	}
#rechercheCatalogue table
	{
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	font-family: Arial, Helvetica;
	/*border-width: 1px; border-style: dotted;*/
	}
#rechercheCatalogue thead{visibility: hidden;}
#rechercheCatalogue tbody th
	{
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	width: 40%;
	height: 20px;
	}
#rechercheCatalogue tbody td
	{
	text-align: left;
	font-size: 10px;
	padding-left: 10px;
	width: 60%;
	}
#rechercheCatalogue tfoot
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}


/*--------------------------------------------------------------------------------------*/
/* PAGE NOUVELLE RECHERCHE (CritProdsReq)		 										*/
/*--------------------------------------------------------------------------------------*/
#nouvelleRecherche
	{
	width: 431px;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	color: #000000;

	background-image: url("../images/rechercheNouvelle_Titre.gif");
	background-repeat: no-repeat;

	text-align: left;
	background-color: #FFFFFF;
	}
#nouvelleRecherche table
	{
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	font-family: Arial, Helvetica;
	}
#nouvelleRecherche thead{visibility: hidden;}
#nouvelleRecherche tbody th
	{
	text-align: right;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	width: 40%;
	height: 20px;
	}
#nouvelleRecherche tbody td
	{
	text-align: left;
	font-size: 10px;
	padding-left: 10px;
	width: 60%;
	}
#nouvelleRecherche tfoot
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}



/*--------------------------------------------------------------------------------------*/
/* PAGE INSCRIPTION A LA NEWLETTER (NewsReq.vm)		 									*/
/*--------------------------------------------------------------------------------------*/
#InscriptionNewsletter
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width:	300px;
	text-align: center;
	}

#InscriptionNewsletter table
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;

	width: 300px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	text-align: left;
	}

#InscriptionNewsletter thead{visibility: hidden;}

#InscriptionNewsletter th
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	padding-right: 5px;
	text-align: right;
	}
#InscriptionNewsletter td
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	}

#InscriptionNewsletter tfoot td
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}

/*--------------------------------------------------------------------------------------*/
/* PAGE INSCRIPTION A LA NEWLETTER -> Page de confirmation (NewsReq_conf.vm)		 	*/
/*--------------------------------------------------------------------------------------*/
#InscriptionNewsletterConf
	{
	width: 400px;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

	padding: 20px;

	background-color: #FFFFFF;
	}
#InscriptionNewsletterConf_title
	{
	padding-bottom: 15px;
	font-family: Trebuchet MS;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	color: #004692;
	}
#InscriptionNewsletterConf_message1
	{
	width: 300px;
	margin-left: auto;
	margin-right: auto;

	font-size: 12px;
	}
#InscriptionNewsletterConf_maintable 
	{
	margin-left: auto;
	margin-right: auto;

	margin-top: 15px;
	}
#InscriptionNewsletterConf_maintable tbody th
	{
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	}
#InscriptionNewsletterConf_maintable tbody td
	{
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	}
#InscriptionNewsletterConf_message2
	{
	margin-left: auto;
	margin-right: auto;

	padding-top: 15px;
	font-size: 12px;
	}
#InscriptionNewsletterConf_valider
	{
	margin-left: auto;
	margin-right: auto;
	}
#InscriptionNewsletterConf_valider td {display: none; }
#InscriptionNewsletterConf_valider th
	{
	width: 50%;
	margin-left: auto;
	margin-right: auto;

	padding-top: 15px;
	}



/*--------------------------------------------------------------------------------------*/
/* PAGE AGENCE DE VOYAGES (LstAgcVoy.vm)		 										*/
/*--------------------------------------------------------------------------------------*/
#rechercheAgence
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #000000;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;

	width: 400px;
	text-align: center;
	background-color: #FFFFFF;
	}

#rechercheAgence table
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	width: 100%;
	}
#rechercheAgence table thead td{visibility: hidden;}
#rechercheAgence table tbody th
	{
	text-align: right;
	width: 50%;
	}
#rechercheAgence table tbody td
	{
	text-align: left;
	width: 50%;
	}
#rechercheAgence table tfoot td
	{
	text-align: center;
	}

/*--------------------------------------------------------------------------------------*/
/* PAGE AGENCE DE VOYAGES : Résultats des listes des Agences							*/
/*--------------------------------------------------------------------------------------*/
#listeAgence
	{
	font-family: Arial, Helvetica;
	font-size: 15px;
	font-weight: normal;
	color: #000000;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px;
	width:	300px;

	text-align: center;
	background-color: #FFFFFF;
	}
#listeAgence table
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;

	width: 300px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	text-align: left;
	}
#listeAgence thead{visibility: hidden;}
#listeAgence tbody th
	{
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	text-align: center;

	border-bottom: #CC0320 1px solid;
	color: #CC0320;				/* Red */
	padding-top: 10px;
	}
#listeAgence tbody td
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;

	padding-top: 5px;
	}
#listeAgence tfoot
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}



/*--------------------------------------------------------------------------------------*/
/* PAGE "Accéder à mon dossier" (visitors,CBfdReq.vm)		 							*/
/*--------------------------------------------------------------------------------------*/
#rechercheDossier
	{
	width: 460px;
	margin-bottom: 15px;
	text-align: center;
	
	margin-left: auto;
	margin-right: auto;
	color: #000000;
	
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	}
#rechercheDossier_reference
	{
	margin-left: auto;
	margin-right: auto;
	
	padding-left: 1px;
	padding-top: 22px;
	background-image: url("../images/rechercheReference_Titre.gif");
	background-repeat: no-repeat;
	
	width: 431px;
	}
#rechercheDossier_reference tbody{}
#rechercheDossier_reference tfoot{}
#rechercheDossier_name
	{
	margin-left: auto;
	margin-right: auto;
	
	padding-left: 1px;
	padding-top: 22px;
	background-image: url("../images/recherchedateNom_Titre.gif");
	background-repeat: no-repeat;

	width: 431px;
	}
#rechercheDossier_name tbody{}
#rechercheDossier_name tfoot{}
#rechercheDossier table
	{
	border: 0;
	padding: 10px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	width: 100%;
	border-collapse: collapse;
	font-family: Arial, Helvetica;
	border: 1px solid #7D7D7D;
	}
#rechercheDossier thead
	{
	height: 10px;
	}
#rechercheDossier tbody th
	{
	width: 50%;
	height: 20px;

	text-align: right;
	font-size: 10px;
	font-weight: normal;
	padding-right: 5px;
	}
#rechercheDossier tbody td
	{
	text-align: left;
	font-size: 10px;
	padding-left: 10px;
	}
#rechercheDossier tfoot
	{
	height: 40px;

	text-align: center;
	line-height: 30px;
	}

/*--------------------------------------------------------------------------------------*/
/* PAGE D'ATTENTE (wait.php)															*/
/*--------------------------------------------------------------------------------------*/
#waitBody
	{
	width: 610px;
	text-align: center;
	}	
#waitdefault
	{
	width: 610px;

	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow: hidden;
	}
#waitTop
	{
	height: 154px;

	text-align: left;
	width: 100%;
	overflow: hidden;
	}
#waitTopLogo
	{
	float: left;
	width: 610px;
	height: 154px;
	overflow: hidden;
	}
#waitTopDate{float: left; display: none;	overflow: hidden;}
#waitTopCoord{float: left; display: none;overflow: hidden;}
#waitMain
	{
	height: 298px;

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;

	background-image: url("../images/wait_fond_menu.gif");
	background-repeat: no-repeat;
	background-position: top;
	}
#waitTitle
	{
	height: 35px;

	margin-left: 100px;
	margin-right: 75px;

	font-family: Trebuchet MS;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #004692;
	}
#waitAnim
	{
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	}

#flashcontent
	{
	margin-top: 15px;
	height: 20px;
	}
#waitMessage
	{
	margin-left: 50px;
	margin-right: 75px;
	margin-top: 30px;
	margin-bottom: 30px;

	padding: 20px;
	padding-left: 60px;
	width: 400px;

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	
	border-top: 1px #7D7D7D solid;
	border-bottom: 1px #7D7D7D solid;
	}

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Titre du bloc central (utilisé pour une dizaine de page)								*/
/*--------------------------------------------------------------------------------------*/
#default_statique
	{
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;

	margin-left: 0px;
	margin-right:  0px;
	width: 100%;

	background-repeat: no-repeat;
	background-position: left;	
	/*border-width: 1px; border-style: dotted;*/
	}
#default_statique_main
	{
	margin-right: 34px;

	text-align: left;
	}
#default_statique_bottom
	{
	height: 15px;
	width: 100%;
	background-image: url("../images/commun_backga.jpg");
	}
#statique_title
	{
	padding: 15px;
	font-family: Trebuchet MS;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	color: #004692;
	}
#default_statique_main h1
	{
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	margin-top: 15px;
	margin-bottom: 3px;
	}

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Titre du bloc central (utilisé pour une dizaine de page)								*/
/*--------------------------------------------------------------------------------------*/
#mainPageTitle
	{
	font-family: Trebuchet MS;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	color: #004692;	/* orange */
	/*color: #CC0320;	*/			/* Red */
	}

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* La progressBar																		*/
/* Etapes (Recherche -> Devis -> Passagers -> Validation -> Règlement -> Dossier		*/
/*--------------------------------------------------------------------------------------*/
#progressBar
	{
	width: 615px;
	height: 47px;
	padding: 0px;
	margin: 0px;

	font-family: Arial, Helvetica;
	background-image: url("../images/etape_fond.gif");
	background-repeat: no-repeat;
	}
#progressBar ul
	{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}
#progressBar li
	{
	float: left;
	/*margin-left: 9px;
	margin-right: 9px;*/
	width: 80px;		/* taille de la boite fixe */
	height: 47px;
	line-height: 50px;

	text-align: center;
	/*border: 1px solid black;*/
	} 
.progressBar_titre
	{
	padding-left: 10px;

	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	}
.progressBar_avant 
	{
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	background-image: url("../images/etape_off.gif");
	background-repeat: no-repeat;
	}
.progressBar_en_cours
	{
	padding:0;

	color: #004692;	/* orange */
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background-image: url("../images/etape_on.gif");
	background-repeat: no-repeat;

	width: 75px;
	}
.progressBar_apres
	{
	padding:0;

	color: #FFF;
	font-size: 11px; 
	font-weight: normal;
	background-image: url("../images/etape_off.gif");
	background-repeat: no-repeat;
	}
.progressBar_separator
	{
	display: none;
	visibility: hidden;
	}


/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* contextMenu -> "liens de retour", "Imprimer dossier", "* Compléter le dossier", etc..*/
/*--------------------------------------------------------------------------------------*/
#contextMenu
	{
	float: left;

	width: 530px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 15px;
	height: 20px;

	padding-left: 17px;
	}
#contextMenu ul
	{
	margin: 0px;
	padding: 0px;
	}
#contextMenu li
	{
	margin-right: 5px;
	list-style-type: none;
	float: left;
	line-height: 20px;
	white-space: nowrap;
	}
#contextMenu a
	{
	font-size: 11px;
	font-weight: bold;
	color: #004692;
	text-decoration: underline;
	}
#contextMenu a:hover{}

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* "Gestion des pages suiv/prec"														*/
/*--------------------------------------------------------------------------------------*/
.navpage
	{
	float: right;
	margin: 0;
	margin-bottom: 25px;
	clear: both;

	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	}
.navpage_prev{width: 15px; float: left;}
.navpage_texte{float: left;}
.navpage_titrePage{float: left;}
.navpage_currentPage{font-weight: bold;}
.navpage_totalPage{color: #A0A0A0;}
.navpage_nbProduit{}
.navpage_next 
	{
	width: 15px;
	float: left;
	
	/*border: 1px solid red;*/
	}
/* Rustine du 10.07.07 cause nextpage en formulaire 'prostyleForm' */
.navpage .prostyleForm 
	{
	margin-left: 0;
	width: 15px;
	}
.navpage input
	{
	border: 0;
	}

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Class encart produit																	*/
/*--------------------------------------------------------------------------------------*/
#listeProduits
	{
	width: 615px;
	text-align: center;
	color: #000000;
	
	/*border: 1px solid green;*/
	}

.tableauProduit
	{
	width: 530px;
	padding-bottom: 40px;
	/*background-color: #004692;
	border-width: 1px; border-style: dotted;*/
	}

/*--------------------------------- */
.tableauProduitPays
	{
	width: 516px;
	clear: both;
	height: 24px;
	margin: 0;
	margin-bottom: 5px;
	
	font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	color: #CC0320;

	/*border-width: 1px; border-style: dotted;*/
	}

.prostyleForm
	{
	width: 570px;
	margin-left: 30px;
	text-align: left;

	/*border: 1px solid green;*/
	}

/*--------------------------------- */
.tableauProduit_Produit
	{
	width: 530px;
	
	clear: both;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	
	/*border-bottom: #F40A0A 2px solid;*/
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	}

.tableauProduit_Produit_alternate
	{
	width: 530px;
	
	clear: both;
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	
	/*border-bottom: #F40A0A 2px solid;*/
	background-color: #FFFFFF;

	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	}

/*--------------- Image produit ----------------------*/
.produitImage
	{
	float: left;

	margin: 0;
	padding-right: 21px;
	
	overflow: hidden;
	/*border-width: 1px; border-style: dotted;*/
	}
.produitImage img
	{
	width: 138px;
	height: 103px;
	}

/*--------------- Titre produit ----------------------*/
.produitTitre
	{
	float: left;
	width: 370px;

	margin: 0;
	margin-bottom: 16px;
	text-align: left;
	/*border-width: 1px; border-style: dotted;*/
	}
.produitTitre a
	{
	margin: 0;
	padding: 0;

	float: left;
	
	font-size: 15px;
	font-weight: bold;
	color: #004692;
	text-decoration: underline;
	}

/*-------------------------------------*/
.produitCategorie {display:none;}

/*--------------- Descriptif info produit ----------------------*/
.produitInfo
	{
	float: left;
	margin: 0;
	padding: 0;
	width: 370px;

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	}

/*--------------- Ligne(s) de prix produit ----------------------*/
.produitListePrix
	{
	margin: 0;
	padding: 0;
	margin-top: 10px;
	width: 536px;
	padding-bottom: 5px;
	
	float: left;
	
	background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	}
.produitListePrix_ville
	{
	float: left;
	clear: both;

	margin: 0;
	padding: 5px;
	width: 114px;
	
	text-align: right;
	color: #000000;

	border-right: 1px solid #004692;	/* orange */
	}
.produitPrix
	{
	float: right;	

	margin: 0;
	padding: 0;
	width: 150px;
	margin-bottom: 15px;
	
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	color: #7D7D7D;
	}
.produitListePrix_prix
	{
	float: left;
	margin: 0;
	padding: 0;
	width: 360px;	
		
	/*border-top: #FFFFFF 1px dotted;	*/
	text-align: left;
	}
.produitListePrix_prix table
	{
	margin: 0;
	padding: 0;
	}
.produitListePrix_prix a
	{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #004692;
	text-decoration: underline;
	}
.produitListePrix_Colonne
	{
	float: left;
	width: 90px;
	/*border-width: 1px; border-style: dotted;*/
	}
.produitListePrix_Colonne table
	{
	border: 0;
	/*margin-top: 1px;
	margin: 2px;*/
	border-collapse: collapse;
	border-right: 1px solid #004692;
	}
.produitListePrix_ColonneTH
	{
	width: 60%;
	height: 20px;

	margin: 0;
	margin-top: 0px;
	font-family: Arial;
	font-size: 10px;
	line-height: 20px;
	text-align: right;
	}
.produitListePrix_ColonneTD
	{
	width: 30%;
	height: 20px;
	
	padding-left: 2px;
	margin: 0;

	font-family: Arial;
	font-size: 10px;
	line-height: 20px;
	color: #000000;
	text-align: left;
	}
.produitListePrix_prixPromo{color: #F40A0A}

.produitDateLink
	{
	margin: 0;
	padding: 0;

	float: left;	
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;

	text-align: left;
	}
.produitDateLink a
	{
	font-family:Arial;
	font-size: 10px;
	font-weight: bold;
	color: #F40A0A;
	text-decoration: underline;
	}


/*------------- Message en rollover sur des icones dans les pages étapes ---------------*/
.rollOverInfo
	{
	z-index:10;
	width: 170px;

	margin: 0;
	padding: 10px;
	border: 1px solid #004692;
	background-color: #FFFFFF;

	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	}

/*--------------- Lien ancre retour ----------------------*/
.retourHaut
	{
	clear: both;

	width: 550px;
	/*height: 20px;*/
	background-color: #FFFFFF;
	border-top: 2px solid #004692; /* orange */

	text-align: left;
	}
.retourHaut_link
	{
	/*width: 50px;*/
	/*height: 15px;*/
	background-color: #004692;		/* orange */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	color: #FFFFFF;
	}




/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif : Etape 3 - Passagers -> Saisie des informations passagers			*/
/*--------------------------------------------------------------------------------------*/
#saisiePaxMain
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;

	clear: both;
	width: 530px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px;
	text-align: center;
	}
#saisiePaxMain table
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;

	width: 530px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	text-align: left;
	}
#saisiePaxMain select
	{
	width: 85px;
	}
#saisiePaxMain thead td
	{
	padding-bottom: 10px;

	font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height: 24px;
	color: #CC0320;				/* Red */
	}
#saisiePaxMain tbody th
	{
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	}
#saisiePaxMain tbody td
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	height: 25px;
	line-height: 25px;
	background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;
	}
#saisiePaxMain tfoot td
	{
	text-align: center;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-style: italic;
	color: #888888;
	height: 30px;
	line-height: 30px;
	}
#saisiePaxHandicaped {
  display:none;
}
/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif : Etape 4 - Passagers -> Valider mon devis							*/
/*--------------------------------------------------------------------------------------*/
#nameListMain
	{
	width: 530px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	padding-left: 1px;
	padding-top: 22px;

	background-color: #FFFFFF;
	
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	}
#nameListMain table
	{
	border: 0;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
	width: 100%;
	border-collapse: collapse;

	font-family: Arial, Helvetica;
	background-color: #FFFFFF;
	}
#nameListMain thead td
	{
	height: 24px;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;

	text-align: center;
	font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: bold;
	color: #CC0320;				/* Red */
	}
#nameListMain tfoot td
	{
	line-height: 30px;
	height: 30px;
	text-align: center;
	}	
#nameListMain th
	{
	width: 50%;

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	}
#nameListMain td
	{
	width: 50%;

	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	color: #000000;
	}































/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* BORDEL A TRIER																		*/
/*--------------------------------------------------------------------------------------*/
#validFileOperation thead td
	{
	color: #000000;
	font-weight: bold;
	background-color : #FF7F50;
	}
#validFileOperation tbody th
	{
	color: #000000;
	font-weight: normal;
	background-color : #FFE4B5;
	}
#validFileOperation tbody td
	{
	font-weight: bold;
	background-color : #FFE4B5;
	} 
#validFileOperation tfoot td
	{
	background-color : #FFE4B5;
	}
#mainError
	{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 20px;
	}
#mainErrorMessage
	{
	float: left;
	width: 100%;
	min-height: 21px;
	padding-left: 30px;
	margin-left: 15px;
	margin-bottom: 10px;
		
	background-image: url("../images/warning.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #F40A0A;
	text-align: left;
	/*border-width: 1px; border-style: dotted;*/
	}

.alertMessage{color: #F40A0A;}
.mention
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-style: italic;
	color: #888888;
	}
.clear
	{
	clear: both;
	}
.boutonValid
	{
	display: none;
	visibility: hidden;
	border: 0!important;
	}
.obligatoire
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #F40A0A;
	}



/*--------------------------------------------------------------------------------------*/
/* PAGE "CritCatReq_results"
/*--------------------------------------------------------------------------------------*/
#listeCatalogue
	{
	width: 530px;
	margin-left: auto;
	margin-right: auto;

	text-align: center;
	color: #000000;
	}

/*--------------------------------------------------------------------------------------*/
/* RechDatPro */
#rechercheDate{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px;
	width:	300px;
	text-align: center;
	border: #7D7D7D 1px solid;
	background-color: #FFFFFF;
}
#rechercheDate tbody th{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: right;           
}        
#rechercheDate tbody td{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;            
}
#rechercheDate table
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;

	width: 300px;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	text-align: left;
	/*background-color: #FFE4B5;*/
	}
#rechercheDate thead{visibility: hidden;}
#rechercheDate tfoot
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}


/*--------------------------------------------------------------------------------------*/
/* Popup aide de la liste des codes Résa												*/
/*--------------------------------------------------------------------------------------*/
#listeCodeResa
	{
	width: 100%;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	}
.listeCodeResa_continent
	{
	margin-bottom: 10px;
	height: 15px;
	
	background-color: #004692;
	
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
	color: #FFFFFF;
	}
.listeCodeResa_pays
	{
	width: 100%;
	margin-bottom: 10px;
	
	border-bottom: 1px #7D7D7D dotted;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	}
.listeCodeResa_pays thead
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	text-align: left;
	color: #000000;
	}
.listeCodeResa_pays tbody th
	{
	width: 50px;
	
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	text-align: right;
	color: #000000;
	}
.listeCodeResa_pays tbody td
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
	text-align: left;
	color: #000000;
	}
.listeCodeResa_pays a
	{
	font-family:Arial;
	font-size: 10px;
	font-weight: bold;
	color: #004692;
	text-decoration: underline;
	}


/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif :																	*/
/* Etape Devis interactif : Etape 2 - Devis (par bouton orange) -> Mes prestations		*/
/*--------------------------------------------------------------------------------------*/
/* AvailReq.vm																			*/
/*--------------------------------------------------------------------------------------*/
#availReqMain
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	
	clear: both;
	width: 610px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	text-align: center;
	background-color: #FFFFFF;
	}
#availReqMain table
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;

	width: 450px;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
	}
#availReqMain thead td
	{
	height: 24px;
	line-height: 24px;
	padding-top: 20px;
	padding-bottom: 10px;

	color: #FFFFFF;
	color: #CC0320;				/* Red */
	font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	}
#availReqMain th
	{
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	}
#availReqMain tbody td
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;
	}
#availReqMain tfoot td
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}
#availReqConsigne
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	}


/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif																		*/
/* (resaScreen)																			*/
/*--------------------------------------------------------------------------------------*/
#resaProduct
	{
	float: left;

	padding-left: 17px;
	/*margin-right: auto;*/
	width:	530px;
	color: #000000;
	
	text-align: left;
	}
#resaProductImage
	{
	width: 138px;
	
	float: left;
	/*border-width: 1px; border-style: dotted;*/
	}
#resaProductImage img
	{
	width: 138px;
	height: 103px;
	}
#resaProductImage a
	{
	color: #004692;
	}
#resaProductMain
	{
	float: left;
	margin-left: 10px;
	width:	360px;

	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	
	text-align: left;
	/*border-width: 1px; border-style: dotted;*/

	}
#resaProductMain table
	{
	width: 100%;
	padding: 0;
	margin-left: auto;
	margin-right: auto;

	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	}
#resaProductMain thead td
	{
	height: 24px;
	padding-bottom: 10px;

	font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: bold;
	color: #CC0320;				/* Red */
	text-align: center;
	}
#resaProductMain th
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	width: 45%;
	}
#resaProductMain td
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	width: 300px;
	}
#resaProductMain input
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	width: 35px;
	}
#resaProductMain tfoot td
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}
#resaProductMain input
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	width: 35px;
	}
#resaProductMain tfoot td input
	{
	width: 75px;
	}
.resaOption{width: 300px;}

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif																		*/
/* (resaCompo)																			*/
/*--------------------------------------------------------------------------------------*/
#resaCompoMain{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px;
	width:	300px;
	text-align: center;
	border: #7D7D7D 1px solid;
	background-color: #FFFFFF;
}

#resaCompoMain table{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;

	width: 300px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	text-align: left;
}

#resaCompoMain thead td{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #056dcc;
	text-align: center;
	height: 30px;
	line-height: 30px;

}
#resaCompoMain th{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
}
#resaCompoMain td{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

#resaCompoMain tfoot td{
	text-align: center;
	height: 30px;
	line-height: 30px;
}

/* Devis interactif */
/* resaVoiture (transport) */
#resaVoiMain{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px;
	width:	400px;
	text-align: center;
	border: #7D7D7D 1px solid;
	background-color: #FFFFFF;
}

#resaVoiMain table{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;

	width: 100%;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	text-align: left;
}

#resaVoiMain thead td{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #056dcc;
	text-align: center;
	height: 30px;
	line-height: 30px;
        background-color: #FF7F50;
}
#resaVoiMain th{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
        /*background-color: #FFE4B5;*/
}
#resaVoiMain td{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	height: 20px;
	line-height: 20px;
        /*background-color: #FFE4B5;*/
}

#resaVoiMain tfoot td{
	text-align: center;
	height: 30px;
	line-height: 30px;
}


/* resaTrans */
#resaTransMain{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;

	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px;
	width:	400px;
	text-align: center;
	border: #7D7D7D 1px solid;
	background-color: #FFFFFF;
}

#resaTransMain table{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;

	width: 100%;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	text-align: left;
}

#resaTransMain thead td{
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	height: 30px;
	line-height: 30px;
        background-color: #FF7F50
}
#resaTransMain th{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
        /*background-color: #FFE4B5;*/
}
#resaTransMain td{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
        /*background-color: #FFE4B5;*/
}

#resaTransMain tfoot td{
	text-align: center;
	height: 30px;
	line-height: 30px;
}

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif :																	*/
/* Etape Devis interactif : Mes options													*/
/*--------------------------------------------------------------------------------------*/
/* resaCompl.vm																			*/
/*--------------------------------------------------------------------------------------*/
#resaComplMain
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;

	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px;
	width:	450px;
	text-align: center;
	background-color: #FFFFFF;
	}

#resaComplMain table
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;

	width: 450px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	text-align: left;
	}

#resaComplMain thead td
	{
	height: 24px;
	line-height: 24px;
	padding-bottom: 10px;

	color: #CC0320;				/* Red */
	font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	}
#resaComplMain tbody th, #resaComplMain tbody td
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;

	background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;
	}
#resaComplMain tbody th {text-align: right;}

#resaComplMain tfoot td
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}


/*--------------------------------------------------------------------------------------*/
/* ????????????????????? */
/* ListeTsp */
#listeVolsMain{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	padding: 10px;
	width:	550px;

	border: #7D7D7D 1px solid;
	background-color: #FFFFFF;

	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF0A0A;

	text-align: left;
}
#listeVolsMain table{
	width: 100%;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
#listeVolsMain thead td{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	
	text-align: left;
	height: 30px;
	line-height: 30px;
        background-color: #FF0A0A; 
}
#listeVolsMain tbody th{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
        background-color: #FF7F50;
}
#listeVolsMain tbody td{
	padding: 5px;
	
	border-bottom: #7D7D7D 1px dotted;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #000000;
        /*background-color: #FFE4B5;*/ 
}

#listeVolsMain tfoot td{
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #000000;
        /*background-color: #FFE4B5;*/
}

/* Booking */

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif	(Résultat de l'etape "Devis")										*/
/* (Booking)																			*/
/*--------------------------------------------------------------------------------------*/
#bookingMenuMain
	{
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	padding-left: 1px;
	padding-top: 22px;

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	width:	530px;
	color: #000000;
	}
#bookingMenuMain table
	{
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #7D7D7D;
	}
#bookingMenuMain thead
	{
	/*display: none;
	visibility: hidden;*/
	}
#bookingMenuMain tbody tr
	{
	background-color: #FFFFFF;
	}
#bookingMenuMain tbody th
	{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	color: #F40A0A;
	}
#bookingMenuMain tbody td
	{
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
#bookingMenuMain tfoot
	{
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
	}
#bookingMenuMain table input {border: 0!important;}

#bookingMenuSegments
	{
	/*margin: 0;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	
	padding-left: 1px;
	padding-top: 22px;

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width:	530px;
	color: #000000;

	background-image: url("../images/bookingMenu_prestationTitre.gif");
	background-repeat: no-repeat;*/
	}

/*------------------ BookingMenu : ------------------*/
#bookingMenuTarif
	{
	margin: 0;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	
	padding-left: 1px;
	padding-top: 22px;

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width:	550px;
	color: #000000;
	}

#bookingMenuTarif tbody th
	{
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	}
#bookingMenuTarif tbody td
	{
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	}
#bookingMenuTarif tfoot th{text-align: right;}
#bookingMenuTarif tfoot td
	{
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-weight: bold;
	}


/*------------------ bookingFile : "Les options" ------------------*/
#bookingMenuCompl
	{
	width: 530px;
	margin: 0;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	
	padding-top: 22px;

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	}
#bookingMenuCompl table{border: 0;}
#bookingMenuCompl thead td
	{
	height: 24px;
	padding-bottom: 10px;

	color: #CC0320;				/* Red */
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 18px;
	}
#bookingMenuCompl tbody td
	{
	background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;
	border-right: #004692 1px solid;	/* Border orange */
	}
#bookingMenuCompl tfoot td
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-style: italic;
	color: #888888;
	}


/*------------------ BookingMenu : "Les Passagers" ------------------*/
#bookingMenuPassagers
	{
	width: 530px;
	margin-bottom: 20px;
	
	padding-top: 22px;

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	}
#bookingMenuPassagers table{border: 0;}
#bookingMenuPassagers thead td
	{
	height: 24px;
	padding-bottom: 10px;

	text-align: left;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 18px;
	color: #CC0320;				/* Red */
	}
#bookingMenuPassagers tbody td
	{
	background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;
	border-right: #004692 1px solid;	/* Border orange */
	}
#bookingMenuPassagers tbody td input {border: 0;}


/*------------------ BookingMenu : Validation ------------------*/
#bookingMenuValidation
	{
	margin: 0;
	padding: 0;
	width: 100%;

	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: right;
	background-color: transparent;
	}
#bookingMenuValidation table
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	width: 100%;
	color: #000000;
	border-collapse: collapse;
	border: 0;
	border-top: #939393 1px solid;
	
	background-color: transparent;
	}
#bookingMenuValidation thead
	{
	display: none;
	visibility: hidden;
	}
#bookingMenuValidation tbody th
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	width: 100%;
	color: #000000;
	background-color: transparent;
	}
#bookingMenuValidation tbody td
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	width: 100%;
	color: #000000;
	background-color: transparent;
	}

/*--------------------------------------------------------------------------------------*/
/* (bookingList)																		*/
/*--------------------------------------------------------------------------------------*/
#bookingListMain
	{
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	padding-bottom: 30px;
	
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	width:	600px;
	color: #000000;
	}
#bookingListMain table
	{
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	font-family: Arial, Helvetica;
	background-color: #FFFFFF;
	border: 1px solid #7D7D7D;
	}
#bookingListMain th
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	width: 150px;
	color: #000000;
	text-align: left;
	}
#bookingListMain td
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	}
#bookingListMain a
	{
	font-family: Arial, Helvetica;
	font-weight: bold;
	color: #EE8323;
	}









/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif : Devis interactif : Etape 6 - Dossier -> Mon dossier				*/
/*--------------------------------------------------------------------------------------*/
#bookingFile
	{
	width: 100%;
	}
#bookingFileMain
	{
	clear: both;
	width: 530px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #000000;
	}
#bookingFileMain table
	{
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	width: 100%;
	
	/*border: 1px solid #939393;*/
	border-collapse: collapse;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	}
#bookingFileMain table thead td
	{
	padding-left: 5px;
	
	/*background-color: #004692;*/
	
	font-family: Trebuchet MS;
	font-size: 18px;
	color: #CC0320;				/* Red */

	font-weight: bold;
	line-height: 20px;
	height: 24px;
	text-align: left;
	}
#bookingFileMain a{color: #FFFFFF;}
#bookingFileMain tbody tr{}
#bookingFileMain tbody th
	{
	margin: 0;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	width: 200px;
	background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;

	}
#bookingFileMain tbody td
	{
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	/*background-color: #FFE4B5;*/
	background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;
	border-right: #004692 1px solid;	/* Border orange */
	}
#bookingFileMain tfoot td
	{
	margin: 0;
	padding: 5px;

	background-color: #FFFFFF;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	color: #7D7D7D;
	text-align: center;
	}
#bookingFilePassagers
	{
	margin: 0;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	
	width: 530px;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	}
#bookingFilePassagers table{
	width: 100%;
}

#bookingFilePassagers tbody th{
	text-align: left;
}
#bookingFilePassagers td{
	text-align: left;
}

/* Partie info de "Mon dossier" */
#bookingInfo
	{
	text-align: left;
	border-width: 1px; border-style: dotted;
	padding: 5px;
	}
#bookingInfo a {color: #004692;}



#bookingFileSegments
	{
	width: 530px;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	}
#bookingFileSegments table{width: 100%;}
#bookingFileSegments tbody th{text-align: left;}
#bookingFileSegments td{text-align: left;}


/*------------------ bookingFile : "Les prestations du voyage" ------------------*/
#bookingFilePrestation
	{
	clear: both;
	width: 530px;

	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	}
#bookingFilePrestation table{border: 0;}
#bookingFilePrestation thead td
	{
	height: 24px;

	text-align: left;
	font-size: 18px;
	color: #CC0320;				/* Red */
	font-family: Trebuchet MS;
	font-weight: bold;
	}
#bookingFilePrestation tbody th
	{
	padding-top: 10px;

	color: #000000;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	width: auto;

	background: none;
	}
#bookingFilePrestation tbody td
	{
	text-align: left;
	width: auto;

	background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;

	border-right: #004692 1px solid;	/* Border orange */
	}
#bookingFilePrestation tfoot th
	{
	text-align: left;
	width: auto;
	color: #000000;
	}
#bookingFilePrestation tfoot td
	{
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-style: italic;
	color: #888888;
	}
#bookingFilePrestation input
	{
	border: 0;
	}

/*------------------ bookingFile : "Le prix du voyage" ------------------*/
#bookingFileTarif
	{	
	width: 530px;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	}
#bookingFileTarif table{ border: 0;}
#bookingFileTarif thead td
	{
	height: 24px;

	font-size: 18px;
	color: #CC0320;				/* Red */
	font-family: "Trebuchet MS";
	font-weight: bold;
	}
#bookingFileTarif tbody th
	{
	padding-top: 10px;

	color: #000000;
	font-weight: bold;
	text-align: center;
	width: auto;

	font-weight: bold;
	font-size: 12px;

	background: none;
	}
#bookingFileTarif tbody td
	{
	text-align: center;
	width: auto;
	border-right: #004692 1px solid;	/* Border orange */
	/*background-color: #FFE4B5;*/
	background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;
	}
#bookingFileTarif tfoot th
	{
	text-align: right;
	width: auto;
	color: #FFF;
	background-color: #004692;	/* orange */
	}
#bookingFileTarif tfoot td
	{
	text-align: right;
	color: #FFF;
	background-color: #004692;	/* orange */

	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	font-weight: bold;
	}

/*------------------ bookingFile : REGLEMENTS ------------------*/
#bookingFileReglement
	{
	width: 530px;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	}
#bookingFileReglement tbody th{text-align: left;}
#bookingFileReglement tbody td{text-align: left;}
#bookingFileReglement tfoot th{text-align: left; color: #000000;}

/*------------------------------------*/
#bookingFileDocument
	{
	width: 530px;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	}
#bookingFileDocument tbody th{
	width: 200px;
	text-align: right;
	font-weight: normal;
	line-height: 20px;
	height: 20px;
	}
#bookingFileDocument tbody td{
	text-align: left;
	line-height: 20px;
	height: 20px;
	}
#bookingFileDocument tfoot th
	{
	text-align: left;
	color: #000000;
	}








/*--------------------------------------------------------------------------------------*/
/* Impression du dossier																*/
/*--------------------------------------------------------------------------------------*/
#print_default
	{
	width: 775px;
	margin-left: auto;
	margin-right: auto;

	padding-top: 144px;
	background-image: url("../images/bandeau print.jpg");	
	background-repeat: no-repeat;

	text-align: center;
	background-color: #FFFFFF;
	}

/* Classe utilisable pour le Top*/
#print_defaultTop
	{
	/*text-align: left;
	width: 100%;
	height: 150px;
	margin-bottom: 10px;

	overflow: hidden;
	
	display: none;*/
	}
#print_defaultTop
	{display: none;}

/* Les statistiques */
#report_default{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	
	color: #000000;
	
	text-align: left;
}
#report_Top{
	width: 100%;
	margin-bottom: 30px;
}
#report_Toplogo{
	float: left;
	width: 355px;
	height: 150px;
	overflow: hidden;
}
#reportTopTitre{
	float: left;
	width: 100%;

	font-family: Arial, Helvetica;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #F40A0A;
	height: 35px;
}
#report_TopInfo{
	float: left;
	position: relative;
	top: -80px;
	left: 300px;
	
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	}
#report_menu{
	clear: both;
	width: 100%;
	margin-bottom: 30px;

}
#report_menu li{
	float: left;
	list-style: none;
	width: 25%;
}

#report_Main{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	text-align: left;
	color: #7D7D7D;
	
	clear: both;
}

#report_Main table{
	width: 100%;
	margin-bottom: 5px;
	
	border-collapse: collapse;
	border: 1px #7D7D7D solid;
	
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	
	color: #000000;
}

#report_Main thead td{
	padding-left: 5px;
	
	background-color: #FF0A0A;
	
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	color: #FFFFFF;
}

#report_Main tbody th{
	padding-left: 5px;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	text-align: right;
}

#report_Main tbody td{
	padding-left: 5px;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
}

#report_Main tfoot td{
	margin: 0;
	padding: 5px;
	padding-top: 10px;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-style: italic;
	color: #888888;

	text-align: right;
	}


/*----------------------------------------------------------*/
/* Les classes utilisables pour le Login (non utilisé)		*/
/*----------------------------------------------------------*/
/*#loginDefault
	{
	width: 570px;
	height: 450px;
	margin: 0;
	padding: 0;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	}
#loginTop
	{
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	}
#loginLogo
	{
	border-bottom: #7D7D7D 1px solid;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	height: 150px;
	}
#loginMessageAccueil
	{
	color: #F40A0A;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 15px;
	font-weight: bold;
	background-color: #FFE4B5;
	padding: 5px;
	}

#loginImage {
	position: relative;
	top: -204px;
	float: right;
}
#loginMain
	{
 	color: #F40A0A;
	text-align: left;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 12px;
	padding-left: 100px;
	background-color: #FFE4B5;
	height: 175px;
	}
#loginMain table
	{
	width: 275px;
	}
#loginMain thead
	{
	text-align: center;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 12px;
	color: #F40A0A;
	height: 50px;
	}
#loginMain tfoot
	{
	text-align: center;
	height: 40px;
	}
#loginMain tbody
	{
	font-size: 11px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	color: #000000;
	}
#loginMain tbody th
	{
	text-align: right;
	font-weight: normal;
	font-size: 11px;	
	}
#loginMain tbody td
	{
	text-align: left;
	}
#loginBottom
	{
	color: #7D7D7D;
	background-color: #FFFFFF;
	border-top: #7D7D7D 1px solid;
	font-size: 10px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	padding-top: 4px;
	}
#loginBottom a
	{
	color: #B5B5B5;
	background-color: #FFFFFF;
	font-size: 10px;
	font-family: Arial, Helvetica;
	font-weight: normal;
	}
*/