/* $Id$ */
/* skin.css - Touristra 2007															*/
/* Agence PCV (Arnaud.C)																*/
/*--------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------*/
/* BLOC COMMUN																			*/
/*--------------------------------------------------------------------------------------*/
#cmsLayout
	{
	text-align: center;
	}
/* ieonly */
* html #cmsLayout{padding-left:0px;}
*+html #cmsLayout{padding-left:0px;}

@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 {border: 1px solid #000;}

/*textarea
	{
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #F40A0A;
	}*/
#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;}
#numAdTitre {display: none;}
#listPaxTitre {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: #F7931D;
	}
#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;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	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;
	
	padding-left:80px;
	}
/* ieonly */
* html #rechercheDossier{padding-left:0px;}
*+html #rechercheDossier{padding-left:0px;}

#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
	{
	text-align: center;
	}	
#waitdefault
	{
	width: 610px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-left:160px;
	}
#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
	{
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	}
#waitTitle
	{
	height: 35px;

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

	font-family: Trebuchet MS;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	color: #5b4ca9;			/* violet */
	}
#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: #F7931D;
	}
#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: #5b4ca9;	/* violet */
	/*color: #CC0320;	*/			/* Red */
	}
#mainPageTitle
	{display: none;}

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* La progressBar																		*/
/* Etapes (Recherche -> Devis -> Passagers -> Validation -> Règlement -> Dossier		*/
/*--------------------------------------------------------------------------------------*/
#progressBar
	{
	height: 30px;
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;

	font-family: Arial, Helvetica;
	background-color: #ccebf8;
	width: 600px;
	}
#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: 30px;
	line-height: 30px;
	color: #80c5ca;		/* Bleu */

	font-weight: bold;
	text-align: center;
	/*border: 1px solid black;*/
	}

.progressBar_titre
	{
	padding-left: 10px;
	font-size: 12px;
	}
.progressBar_avant 
	{
	color: #FFF;
	font-size: 11px;
	font-weight: normal;
	}
.progressBar_en_cours
	{
	padding:0;

	color: #FFF!important;
	background-color: #a3dbf3;		/*bleu foncé */
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	}
.progressBar_apres
	{
	padding:0;

	font-size: 11px; 
	font-weight: normal;
	}
.progressBar_separator
	{
	display: none;
	visibility: hidden;
	}


/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* contextMenu -> "liens de retour", "Imprimer dossier", "* Compléter le dossier", etc..*/
/*--------------------------------------------------------------------------------------*/
#contextMenu
	{
	width: 530px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 15px;
	height: 20px;

	}
#contextMenu ul
	{
	margin: 0px;
	padding: 0px;
	}
#contextMenu li
	{
	margin-right: 27px;
	list-style-type: none;
	float: left;
	line-height: 20px;
	white-space: nowrap;
	}
#contextMenu a
	{
	display: block;
	font-size: 11px;
	font-weight: bold;
	/*color: #5b4ca9;	*/			/* Violet */
	color: #328925;					/* Vert foncé */
	/*color: #c8f04b;	*/			/* Vert onglet */
	text-decoration: underline;

	padding-left: 22px;
	background-image: url("../images/puce_back.jpg");
	background-repeat: no-repeat;
	}
#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: #F7931D;
	border-width: 1px; border-style: dotted;*/
	}

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

	/*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: #5b4ca9;			/* violet */
	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;
	padding-bottom: 5px;
	
	float: left;
	clear: both;
	
	/*background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;*/
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	/*border: 1px solid green;*/
	}
.produitListePrix_ville
	{
	float: left;
	clear: both;

	margin: 0;
	padding-bottom: 5px;
	/*margin-left: 140px;*/		/* idem que "produitListePrix_prix" */

	width: 400px;

	text-align: left!important;
	color: #000000;
	font-weight: bold;
	font-size: 12px;

	/*border: 1px solid #5b4ca9;*/
	/*border: 1px solid #5b4ca9;*/	/* violet */
	}

.produitPrix
	{
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	}

.produitListePrix_prix
	{
	float: left;
	margin: 0;
	padding: 0;
	/*padding-left: 150px;*/
	width: 500px;
		
	/*border-top: #FFFFFF 1px dotted;	*/
	text-align: left;
	/*border: 1px solid #5b4ca9;*/
	}

.produitListePrix_prix table
	{
	margin: 0;
	padding: 0;
	}

.produitListePrix_prix a
	{
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
	color: #5b4ca9;
	text-decoration: underline;
	}

.produitListePrix_Colonne
	{
	float: left;
	/*width: 150px;*/		/* force 3 colonnes */
	/*border-width: 1px; border-style: dotted;*/
	}

.produitListePrix_Colonne table
	{
	border: 0;
	/*margin-top: 1px;
	margin: 2px;*/
	border-collapse: collapse;
	/*border-bottom: 1px solid #5b4ca9;*/
	}

/* colonne date de départ avant le prix */
.produitListePrix_ColonneTH
	{
	height: 20px;
	white-space: nowrap;
	margin: 0;

	font-family: Arial;
	font-size: 10px;
	line-height: 20px;
	text-align: right;
	
	/*border: 1px solid green;*/
	}

.produitListePrix_ColonneTH a
	{
	display: block;
	line-height: 20px;
	height: 20px;
	padding-left: 16px;

	background-image: url("../images/puce.gif");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	}


.produitListePrix_ColonneTD		/* colonne prix */
	{
	height: 20px;
	white-space: nowrap;
	
	margin: 0;
	line-height: 20px;
	padding-left: 3px;
	padding-right: 8px;

	text-align: left;
	font-weight: bold;
	font-family: Arial;
	font-size: 14px!important;
	color: #000!important;
	}
.produitListePrix_prixPromo{color: #F40A0A}

.produitDateLink
	{
	margin: 0;
	padding: 0;

	float: left;	
	padding-bottom: 10px;
	

	text-align: left;
	}
.produitDateLink a
	{
	display: block;
	line-height: 20px;
	height: 20px;
	padding-left: 20px;

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

	background-image: url("../images/puce.gif");
	background-repeat: no-repeat;
	background-position: 2px 3px;
	}


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

	margin: 0;
	padding: 10px;
	border: 1px solid #5b4ca9;
	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 #5b4ca9; /* violet */

	text-align: left;
	}
.retourHaut_link
	{
	/*width: 50px;*/
	/*height: 15px;*/
	background-color: #5b4ca9;		/* violet */
	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
	{
	font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	height: 24px;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	}
#saisiePaxMain tbody th
	{
	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	color: #5b4ca9;		/* violet */
	}
#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: #000;
	height: 30px;
	line-height: 30px;
	}

#saisiePaxJM {
        display: none;
}
#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;

	text-align: center;
	font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: bold;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	}
#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
	{
	width:600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 20px;
	}
/* ieonly*/
*html #mainError{width:930px;}
*+html #mainError{width:930px;}

#mainErrorMessage
	{
	width: 530px;
	min-height: 21px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
		
	padding-left: 25px;
	background-image: url("../images/warning.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	
	line-height: 24px;
	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: #5b4ca9;		/* violet */
	
	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: #5b4ca9;		/* violet */
	text-decoration: underline;
	}


/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif :																	*/
/* Etape Devis interactif : Etape 2 - Devis (par bouton violet) -> 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;
	color: #FFFFFF;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	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
	{
	padding-left: 17px;
	margin-left: auto;
	margin-right: auto;
	width:	560px;
	color: #000000;
	
	text-align: center;
	/*border: 1px solid red;*/
	}
#resaProductImage
	{
	width: 138px;
	
	float: left;
	/*border-width: 1px; border-style: dotted;*/
	}
#resaProductImage img
	{
	width: 138px;
	height: 103px;
	}
#resaProductImage a
	{
	font-size: 11px;
	color: #bb0086;			/* Rose */
	}
#resaProductMain
	{
	float: left;
	margin-left: 10px;
	width: 410px;

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

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

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

	font-family: Trebuchet MS;
	font-size: 18px;
	font-weight: bold;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	text-align: center;
	}
#resaProductMain th
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	width: 45%;
	}
#resaProductMain td
	{
	padding: 5px;
	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																		*/
/* (NumAdScreen)																			*/
/*--------------------------------------------------------------------------------------*/
#numAd
	{
	padding-left: 17px;
	margin-left: auto;
	margin-right: auto;
	width:	560px;
	color: #000000;
	
	text-align: center;
	/*border: 1px solid red;*/
	}
#numAdImage
	{
	width: 138px;
	
	float: left;
	/*border-width: 1px; border-style: dotted;*/
	}
#numAdImage img
	{
	width: 138px;
	height: 103px;
	}
#numAdImage a
	{
	font-size: 11px;
	color: #bb0086;			/* Rose */
	}
#numAdMain
	{
	float: left;
	padding-left: 10px;
	width: 395px;

	margin-left: auto;
	margin-right: auto;
	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: normal;
	
	text-align: left;
	/*border-width: 1px; border-style: dotted;*/
	}
#numAdMain .frminput
	{
	width: 150px;
	color: #000;
	}

#numAdMain table
	{
	width: 100%;
	margin-left: auto;
	margin-right: auto;

	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: normal;
	}
#numAdMain thead td
	{
	height: 24px;
	margin-bottom: 10px;

	text-align: center;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-weight: bold;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	text-align: center;
	}
#numAdMain th
	{
	font-family: Trebuchet MS;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	width: 45%;
	}
#numAdMain td
	{
	padding: 5px;
	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	}
#numAdMain input
	{
	font-family: Trebuchet MS;
	font-size: 10px;
	width: 35px;
	}
#numAdMain tfoot td
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}
#numAdMain input
	{
	font-family: Trebuchet MS;
	font-size: 10px;
	width: 35px;
	}
#numAdMain tfoot td input
	{
	width: auto;
	}


/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif																		*/
/* (ListPax)																			*/
/*--------------------------------------------------------------------------------------*/
#listPax
	{
	padding-left: 17px;
	margin-left: auto;
	margin-right: auto;
	width:	560px;
	color: #000000;
	
	text-align: center;
	/*border: 1px solid red;*/
	}
#listPaxImage
	{
	width: 138px;
	
	float: left;
	/*border-width: 1px; border-style: dotted;*/
	}
#listPaxImage img
	{
	width: 138px;
	height: 103px;
	}
#listPaxImage a
	{
	font-size: 11px;
	color: #bb0086;			/* Rose */
	}
#listPaxMain
	{
	float: left;
	padding-left: 10px;
	width: 395px;

	margin-left: auto;
	margin-right: auto;
	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: normal;
	
	text-align: left;
	/*border-width: 1px; border-style: dotted;*/
	}
#listPaxMain .frminput
	{
	text-align: center;
	width: 20px;
	color: #000;
	}

#listPaxMain table
	{
	width: 100%;
	margin-left: auto;
	margin-right: auto;

	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: normal;
	}
#listPaxMain thead td
	{
	height: 24px;
	margin-bottom: 10px;

	text-align: center;
	font-family: Trebuchet MS;
	font-size: 15px;
	font-weight: bold;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	text-align: center;
	}
#listPaxMain th
	{
	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	width: 45%;
	}
#listPaxMain td
	{
	padding: 5px;
	font-family: Trebuchet MS;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	}
#listPaxMain input
	{
	font-family: Trebuchet MS;
	font-size: 10px;
	width: 35px;
	}
#listPaxMain tfoot td
	{
	text-align: center;
	height: 30px;
	line-height: 30px;
	}
#listPaxMain input
	{
	font-family: Trebuchet MS;
	font-size: 10px;
	width: 35px;
	}
#listPaxMain tfoot td input
	{
	width: auto;
	}
/*--------------------------------------------------------------------------------------*/
/* 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;

	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	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;}*/

/* coupon réservation */
#bookingMenuMain #bookingFileCoupon tbody td{
	text-align:right;
	padding-top:0px;
	padding-bottom:10px;
}

#bookingFileCoupon .frminput{
	margin:0 5px;
}

#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;
	padding-left: 5px;
	font-size: 15px;

	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	font-family: Trebuchet MS;
	font-weight: bold;
	}
#bookingMenuCompl tbody td
	{
	/*background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;*/
	border-bottom: #5b4ca9 1px solid;	/* Border violet */
	}
#bookingMenuCompl tfoot td
	{
	font-family: Arial, Helvetica;
	font-size: 10px;
	/*font-style: italic;*/
	color: #000;
	padding: 10px;
	background-color: #ebe8ff;		/* Violet clair */
	}


/*------------------ 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;
	padding-left: 5px;
	font-size: 15px;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	}
#bookingMenuPassagers tbody td
	{
	/*background-image: url("../images/degrade.gif");
	background-repeat: repeat-x;*/
	border-bottom: #5b4ca9 1px solid;	/* Border violet */
	}
#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
	{	
	/*background-color: #F7931D;*/
	
	font-family: Trebuchet MS;
	padding-left: 5px;
	font-size: 15px;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;

	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-bottom: #5b4ca9 1px solid;	/* Border violet */
	}
#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;
	}
	
#bookingFileMain textarea{
	width:530px!important;
}

#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
	{
	margin-top: 70px;
	text-align: left;
	border-width: 1px; border-style: dotted;
	padding: 5px;
	}
#bookingInfo a {color: #F7931D;}



#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;
	padding-left: 5px;
	font-size: 15px;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	font-family: Trebuchet MS;
	font-weight: bold;
	}
#bookingFilePrestation tbody th
	{
	padding-top: 10px;

	color: #5b4ca9;			/* violet */
	font-size: 12px;
	text-align: left;
	width: auto;

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

	border-bottom: #a39ad4 1px solid;	/* Border violet */
	}
#bookingFilePrestation tfoot th		
	{
	text-align: left;
	width: auto;
	color: #000000;
	}
/* Commentaires */
#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: #000;
	padding: 10px;
	background-color: #ebe8ff;		/* Violet clair */
	}
#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;

	padding-left: 5px;
	font-size: 15px;
	
	background-color: #5b4ca9;		/* violet */
	color: #FFFFFF;
	font-family: "Trebuchet MS";
	font-weight: bold;
	}

#bookingFileTarif tbody th
	{
	padding-top: 10px;

	color: #5b4ca9;
	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-bottom: #5b4ca9 1px solid;	/* Border violet */

	font-size: 12px;
	}

#bookingFileTarif tfoot th
	{
	text-align: right;
	width: auto;
	color: #FFF;
	background-color: #5b4ca9;	/* violet */
	}

#bookingFileTarif tfoot td
	{
	text-align: right;
	color: #FFF;
	background-color: #5b4ca9;	/* violet */

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

/*------------------ bookingFile : "Le prix du voyage" : coupon de réduction ------------------*/
#bookingFileTarifReduc
	{
	padding: 15px 5px 15px 5px ;
	background-color: #c12f90;		/* Violet clair */
	/*border: #5b4ca9 1px dotted;	*/	/* Violet */
	
	margin-bottom: 30px;
	text-align: center;
	}
#bookingFileTarifReducGRP
	{
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	/*border: 1px solid green;*/
	}
#bookingFileTarifReducGRP table
	{
	width: auto!important;

	text-align: left;
	border: 0!important;
	}

#bookingFileTarifReducGRP th, #bookingFileTarifReducGRP td
	{
	margin: 0;
	margin-right: 5px;
	line-height: 26px;
	vertical-align: center;
	background-color: #c12f90!important;
	}

#bookingFileTarifReducGRP th {color: #FFF!important;}


#bookingFileTarifReduc h4	{clear: both;}

/*------------------ 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: 0px!important;
	padding-left:80px;
	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: #000;

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