/* $Id: skin.css,v 1.6.4.3 2009/05/12 14:07:41 ac Exp $ */
/* skin.css - Pauli B2B 2006															*/
/* Cr!"!" le 04.08.06	- Agence PCV (Arnaud.C)												*/
/*--------------------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------------------*/
/* BLOC COMMUN																			*/
/*--------------------------------------------------------------------------------------*/
body {
	text-align: center;
	background-color: #FFFFFF;
}

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

#body {
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	background-color: #000000;
	margin: 0px;
	padding: 10px;
	text-align: center;
}

@media print {
    #body {background-color: #FFFFFF; padding: 0px;}
}

form {
	padding: 0;
	margin: 0;
}
select {
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #000000;
}

input {
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #F40A0A;
}

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: #EE34A6;			/* Rose */
}

hr{
	display: none;
}

#default {
	width: 753px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../images/commun_backg.jpg");
}

.clear
 {clear: both;}


/*--------------------------------------------------------------------------------------*/
/* COMMUN : ENTETE LOGO	+ COORDONNEES													*/
/*--------------------------------------------------------------------------------------*/
#defaultTop {
	width: 753px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#defaultTop_statique {
	width: 473px;
	padding: 0px;
	margin: 0px;
	background-color: #FFFFFF;
}

#topLogo {
	float: left;
	margin-left: 27px;
	margin-top: 10px;
}

#topDate {
	display: none;
}

#topCoord {
	float: right;

	margin-top: 5px;
	margin-bottom: 10px;
	width: 200px;

	font-size: 9px;
	font-family: Verdana;
	text-align: left;
	background-color: #FFFFFF;
	/*border-width: 1px; border-style: dotted;*/
}

#topDeconnect {
	float: right;
	clear: both;
	width: 200px;

	margin-top: 0px;
	margin-left: 0px;

	text-align: left;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
}

#topDeconnect a {
	color: #EE34A6;
	text-decoration: none;
}



/*--------------------- Accueil formulaire pro ---------------------*/
/*#accueil_login_pro
 {
	z-index: 10;
	position: absolute;
	top: -65px;
	left: 332px;
	height: 121px;
	width: 237px;
	text-align: center;
	background-image: url("../images/accueil_pro_titre2.gif");
	background-repeat: no-repeat;
}
#accueil_login_pro_bloc
 {
	padding-top: 50px;
}
#accueil_login_pro_table
 {
	font-family: Arial;
	font-size: 10px;
}
#accueil_login_pro_table th
 {
	text-align: right;
	color: #FFFFFF;
}
#accueil_login_pro_table input
 {
	border-width: 0px; 
	border-color: #000000; 
	border-style: solid; 
}*/


/*--------------------------------------------------------------------------------------*/
/* COMMUN : PIED DE PAGE																*/
/*--------------------------------------------------------------------------------------*/
#defaultBottom {
	clear: both;
	background-image: url("../images/commun_fond_piedpage.gif");
	background-repeat: repeat-x;
	height: 120px;

    font-size: 10px;
	text-align: left;

	color: #CCCCCC;
	background-color: #656565;
}
	
#signature_pcv_login {
	float: left;
	text-align: left;
	margin-left: 11px;
	margin-top: 20px;
	width: 400px;
}
	
#signature_pcv_commun {
	float: left;
	text-align: left;
	margin-left: 11px;
	margin-top: 20px;
	width: 190px;
}

#signature_pcv_commun a,
#signature_pcv_login a {
    color: #CCCCCC;
}

#defaultBottom_menu {
	width: 100%;
	height: 100%;
}

#defaultBottom_conseil {
	float: left;
	width: 200px;

	margin-top: 20px;
	padding-top: 20px;
	padding-left: 20px;
	height: 44px;
	
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	
	background-image: url("../images/bottom_conseil.gif");
	background-repeat: no-repeat;
}

#defaultBottom_infos {
	float: left;

	margin-top: 20px;
	padding-top: 20px;
	width: 180px;

	background-image: url("../images/bottom_infos.gif");
	background-repeat: no-repeat;
}
	
#defaultBottom_services {
	float: left;

	margin-top: 20px;
	padding-top: 20px;

	background-image: url("../images/bottom_services.gif");
	background-repeat: no-repeat;
}
	
#defaultBottom ul {
	margin: 0;
	padding: 0;
}

#defaultBottom li {
	list-style: none;
}

#defaultBottom_infos a,
#defaultBottom_services a {
	color: #FFFFFF;
}

/*--------------------------------------------------------------------------------------*/
/* Sp!"cifique																			*/
/* Les classes utilisables pour l'accueil												*/
/*--------------------------------------------------------------------------------------*/
#accueil {
	float: left;
	width: 753px;
	margin-left: auto;
	margin-right: auto;

	background-color: #FFFFFF;
}
	

#accueilMenu {
	float: left;

	background-color: #FFFFFF;
}

#menu_liste {
	clear: both;

	margin-left: 30px;
	width: 680px;

	font-family: Arial, Helvetica;
	font-weight: bold;
	color: #000000;
	text-align: center;
	}

#menu_liste ul {
	margin: 0;
	padding: 0;
}

#menu_liste li {
	list-style: none;
	display: inline;

	height: 25px;
	margin-left: 10px;
	margin-right: 10px;
	
	text-align: center;
	line-height: 25px;
}
	
#menu_liste a {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

#menu_liste a:hover {
	text-decoration: underline
}

#accueil_menu_visu {
	float: left;

	width: 753px;
	height: 221px;

	text-align: left;
	background-image: url("../images/accueil_visu.jpg");
	background-repeat: no-repeat;

	border: 0;
}

#accueil_smenu {
	margin-left: 540px;
	margin-top: 40px;
	width: 150px;

	font-family: Arial;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	line-height: 18px;
}

#accueil_smenu a {
	font-size: 12px; 
	color: #FFFFFF;
}

#accueil_smenu ul {
	margin: 0;
	padding: 0;
}

#accueil_smenu li {
	list-style: none;
}

/*--------------------------------------------------------------------------------------*/
/* ACCUEIL : MAIN (sert pour rechercher express et besoin)					 			*/
/*--------------------------------------------------------------------------------------*/
#accueilMain {
	float: left;

	padding-right: 3px;
	padding-left: 3px;
	padding-top: 3px;
	margin-bottom: 5px;

	text-align: left;
	background-color: #FFFFFF;
}
	
#accueilMain_left {
	float: left;
	width: 370px;
}

/*------------------ Recherche express ----------------*/
#accueil_rech_express {
	float: left;
	overflow: hidden;

	margin-bottom: 5px;
	width: 371px;

	margin-right: 5px;

	background-color: #A6D515;
}
	
#accueil_rech_express_titre {
	margin-top: 14px;
	margin-left: 10px;

	width: 166px;
	height: 19px;
	background-image: url("../images/accueil_titre_recherche.gif");
	background-repeat: no-repeat;

	margin-bottom: 30px;
}

#accueil_rech_express_round {
	padding-top: 10px;
	background-image: url("../images/rech_express_round.gif");
	background-repeat: no-repeat;
}

/*------------- Besoin d'un conseil ---------*/
#accueil_besoin {
	float: left;

	height: 107px;
	width: 370px;

	background-image: url("../images/accueil_besoin_fond.jpg");
	background-repeat: no-repeat;
}

#accueil_besoin_titre {
	margin-top: 14px;
	margin-left: 10px;
	height: 16px;
	width: 189px;

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

#accueil_besoin_ph {
	margin-top: 10px;
	margin-left: 10px;

	font-family: Verdana;
	font-size: 10px; 
}


/*------------- Bon plan et derni?res minutes (colonne droite 3 coup de coeurs) ---------*/
#accueil_coeur {
	float: right;

	margin: 0;
	width: 371px;
	text-align: left;

	background-color: #EE34A6;
	/*border-width: 1px; border-style: dotted;*/
}

#accueil_coeur_titre {
	float: left;
	margin-top: 12px;
	margin-left: 16px;

	width: 212px;
	height: 32px;
	background-image: url("../images/accueil_titre_bonplan.gif");
	background-repeat: no-repeat;

}

#accueil_coeur_datas {
	float: left;

	padding-top: 14px;
	padding-left: 13px;
	padding-right: 11px;
	/*border-width: 1px; border-style: dotted;*/
}

#accueil_coeur_round {
	float: left;
	width: 371px;
	height: 31px;
	background-image: url("../images/accueil_bonplan_round.gif");
	background-repeat: no-repeat;
}

/*-------------------- Chaque bloc coup de coeur -------------*/
.product_one_CoupCoeur {
	position: relative;
	width: 344px;
	height: 131px;
	text-align: left;
	font-family: Arial;
	font-size: 11px; 
	background-image: url("../images/accueil_coeur_one.gif");
	background-repeat: no-repeat;
	/*border-width: 1px; border-style: dotted;*/
}

.productCoupCoeurImage {
	position: absolute;
	top: 24px;
	left: 15px;
	width: 120px;
	height: 79px;
	overflow: hidden;
	/*border-width: 1px; border-style: dotted;*/
}

.productCoupCoeurImage img {
	width: 120px;
}

.productCoupCoeurPays {
	position: absolute;
	width: 190px;
	top: 50px;
	left: 150px;
	/*border-width: 1px; border-style: dotted;*/
}

.productCoupCoeurName {
	position: absolute;
	top: 75px;
	left: 150px;
	width: 190px;
	text-align: left;
	/*border-width: 1px; border-style: dotted;*/
}

.productCoupCoeurName a {
	font-weight: bold;
	color: #EE34A6;
}

.productCoupCoeurPrix {
	position: absolute;
	top: 26px;
	left: 234px;
	width: 100px;

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

	color: #CCCCCC;
}

.productCoupCoeurPrix a {
	margin: 5px;
	color: #EE34A6;
}

.productCoupCoeurDate {
	position: absolute;
	top: 110px;
	left: 234px;
	/*border-width: 1px; border-style: dotted;*/
}

.productCoupCoeurDate a {
	font-weight: normal;
	line-height: 20px;
	color: #FFFFFF;
}
#accueilMustReq thead {}


/*--------------------- Accueil recherche rapide ---------------------*/
#accueilRmc {
	margin-left: 10px;
	margin-right: 10px;
}
#accueilRmc table {
	padding: 0;
	margin: 0;
	width: 100%;
	border: 0px;
	border-collapse: collapse;
	font-family: Arial;
}
.accueilRmcOption {
	width: 220px;
}

#accueilRmc thead {
	display: none;
}

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

#accueilRmc hr {
	height: 10px;
	visibility: hidden;
}

#accueilRmc tbody th {
	text-align: right;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	padding-right: 5px;
	width: 105px;
}

#accueilRmc tbody td {
	text-align: left;
	font-size: 10px;
	/*padding-left: 10px;*/
}

#accueilRmc input, 
#accueilRmc select {
	color: #4172AB;
}

/*---------------- ?? -------------------*/
#accueilDestination {
	display: none;
}





/*--------------------------------------------------------------------------------------*/
/* COMMUN : CENTRE DE LA PAGE															*/
/*--------------------------------------------------------------------------------------*/
#main {
	float: left;
	width: 100%;

	color: #F40A0A;
	text-align: center;
	padding-bottom: 10px;
	
}


/*--------------------------------------------------------------------------------------*/
/* les PAGES RECHERCHES : recherchePromo, rechercheCatalogue, nouvelleRecherche, InscriptionNewsletter, rechercheDossier, rechercheDossier_reference													*/
/*--------------------------------------------------------------------------------------*/
#recherchePromo,
#rechercheDate,
#rechercheCatalogue, 
#nouvelleRecherche, 
#InscriptionNewsletter,
#rechercheDossier_name, 
#rechercheDossier_reference {
	width: 569px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	color: #000000;

	background-color: #A6D515;
	background-image: url("../images/encart_bas.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	
	text-align: left;
}
	
#recherchePromo table,
#rechercheDate table,
#rechercheCatalogue table,
#nouvelleRecherche table, 
#InscriptionNewsletter table,
#rechercheDossier_name table,
#rechercheDossier_reference table {
	border: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	border-collapse: collapse;
	font-family: Verdana;
	/*border-width: 1px; border-style: dotted;*/
}

#recherchePromo thead td,
#rechercheDate thead td, 
#rechercheCatalogue thead td, 
#nouvelleRecherche thead td, 
#InscriptionNewsletter thead td, 
#rechercheDossier_name thead td, 
#rechercheDossier_reference thead td {
	visibility: hidden;
}

#recherchePromo tbody th,
#rechercheDate tbody th,
#rechercheCatalogue tbody th, 
#nouvelleRecherche tbody th, 
#InscriptionNewsletter tbody th, 
#rechercheDossier_name tbody th, 
#rechercheDossier_reference tbody th {
	text-align: right;
	font-size: 10px;
	font-weight: normal;
	padding-right: 5px;
	/*width: 105px;*/
	width: 40%;
	height: 20px;
}

#recherchePromo tbody td,
#rechercheDate tbody td,
#rechercheCatalogue tbody td, 
#nouvelleRecherche tbody td, 
#InscriptionNewsletter tbody td, 
#rechercheDossier_name tbody td, 
#rechercheDossier_reference tbody td {
	text-align: left;
	font-size: 10px;
	padding-left: 10px;
	width: 60%;
}

#recherchePromo tfoot, 
#rechercheDate tfoot,
#rechercheCatalogue tfoot, 
#nouvelleRecherche tfoot,
#InscriptionNewsletter tfoot, 
#rechercheDossier_name tfoot, 
#rechercheDossier_reference tfoot {
	text-align: center;
	height: 50px;
	line-height: 50px;
}


/*--------------------------------------------------------------------------------------*/
/* titre des PAGES RECHERCHES : recherchePromo, rechercheCatalogue, nouvelleRecherche InscriptionNewsletter											*/
/*--------------------------------------------------------------------------------------*/
	
#recherchePromo form {
	padding-top: 30px;
	background-image: url("../images/titre_promotions.gif");
	background-repeat: no-repeat;
	background-position: 70px 10px;
}
	
#rechercheCatalogue form {
	padding-top: 30px;
	background-image: url("../images/titre_catalogue.gif");
	background-repeat: no-repeat;
	background-position: 220px 10px;
}

#nouvelleRecherche form {
	padding-top: 30px;
	background-image: url("../images/titre_nouvelle_recherche.gif");
	background-repeat: no-repeat;
	background-position: 200px 10px;
}

#rechercheDossier_reference form {
	padding-top: 30px;
	background-image: url("../images/titre_recherche_reference.gif");
	background-repeat: no-repeat;
	background-position: 150px 10px;
}

#rechercheDossier_name form {
	padding-top: 30px;
	background-image: url("../images/titre_recherche_date_nom.gif");
	background-repeat: no-repeat;
	background-position: 100px 10px;
}

#rechercheDossier {
	margin-bottom: 20px;
}

#rechercheDate form {
	padding-top: 30px;
	background-image: url("../images/titre_recherche_date.gif");
	background-repeat: no-repeat;
	background-position: 210px 10px;
}


/*--------------------------------------------------------------------------------------*/
/* 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: Tahoma;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	color: #A6D515;
}

#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: 300px;
	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;
	border: #7D7D7D 1px solid;
	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;

	padding-bottom: 10px;
}

#listeAgence tbody td {
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

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



/*--------------------------------------------------------------------------------------*/
/* PAGES STATIQUES (qui sommes nous, mentions,...)										*/
/*--------------------------------------------------------------------------------------*/
#static_main {
 	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;

	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 473px;

	background-color: #FFFFFF;
}

#static_head {
	height: 90px;

	background-image: url("../images/logo_site_atlasweb.jpg");
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

#static_content {
	width: 473px;

	font-family: Arial, Helvetica;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

.static_content_center {
	padding-left: 27px;
	padding-right: 27px;

	text-align: left;
	background-color: #1EABD4;
}

.static_bloc_titre {
	padding-top: 20px;

	font-family: Verdana;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
}
.static_bloc_titre2 {
	font-size: 13px;
}

.static_bloc_datas, .static_bloc_datas_identite {
	background-repeat: no-repeat;
	background-position: bottom;
	
	font-family: Arial, Helvetica;
	font-size: 11px;
}

.static_bloc_datas {
	background-color: #FFFFFF;
	background-image: url("../images/statique_bloc_datas_end.gif");
	color: #204794;
}

.static_bloc_datas_identite {
	background-color: #FFD200;
	background-image: url("../images/statique_bloc_datas_end_identite.gif");
	color: #443800;
}

.static_bloc_datas h1,
.static_bloc_datas_identite h1 {
	margin: 0;
	padding: 0;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 18px;

	font-weight: normal;
	font-size: 11px;
}

.static_bloc_datas a {font-size: 11px;}


/*----------------------------------- Qui sommes nous ---------------------------------*/
#static_qui_titre {
	height: 50px;

	background-color: #FFFFFF;
	background-image: url("../images/qui_titre.gif");
	background-position: 258px 20px;
	background-repeat: no-repeat;
}

#static_qui_identite_titre {
	color: #FFD200;
}

/*----------------------------------- Mentions L!"gales ---------------------------------*/
#static_mention_titre {
	height: 50px;

	background-color: #FFFFFF;
	background-image: url("../images/mention_titre.gif");
	background-position: 288px 22px;
	background-repeat: no-repeat;
}

#mentions_snav {
	height: 30px;
	background-image: url("../images/mentions_snav.gif");
	background-position: top center;
	background-repeat: no-repeat;
}

#mentions_aps {
	height: 60px;
	background-image: url("../images/mentions_aps.gif");
	background-position: top center;
	background-repeat: no-repeat;
}

#mentions_cnil {
	height: 70px;
	background-image: url("../images/mentions_cnil.gif");
	background-position: top center;
	background-repeat: no-repeat;
}

#mentions_pcv {
	float: left;
	height: 70px;
	width: 150px;

	background-image: url("../images/mentions_pcv.gif");
	background-position: center right;
	background-repeat: no-repeat;
}

#mentions_pcv_txt, 
#mentions_datasystem_txt {
	float: left;
	margin-top: 10px;
	margin-left: 20px;
}

#mentions_datasystem {
	float: left;
	height: 60px;
	width: 150px;

	background-image: url("../images/mentions_data.gif");
	background-position: center right;
	background-repeat: no-repeat;
}

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Titre du bloc central (utilis!" pour une dizaine de page)								*/
/*--------------------------------------------------------------------------------------*/
#mainPageTitle {
	display: none;
}

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

	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;
	padding-top: 6px;
	/*margin-left: 9px;
	margin-right: 9px;*/
	width: 74px;		/* taille de la boite fixe */

	text-align: center;
} 

.progressBar_titre {
	padding-left: 27px;

	color: #204794;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
}

.progressBar_avant {
	color: #204794;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
}

.progressBar_en_cours {
	color: #204794;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;

	width: 75px;
}

.progressBar_apres {
	color: #FFFFFF;
	font-size: 12px; 
	font-style: italic;
	font-weight: normal;
	line-height: 20px;
}

.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;

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

	padding-left: 17px;
}

#contextMenu ul {
	margin: 0px;
	padding: 0px;
}

#contextMenu li {
	margin-right: 15px;
	list-style-type: none;
	float: left;
	line-height: 20px;
	white-space: nowrap;
}

#contextMenu a {
	font-size: 11px;
	font-weight: bold;
	color: #EE34A6;
	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: 100px;
	float: left;
}

.navpage_texte {
	float: left;
}

.navpage_titrePage {
	float: left;
}
	
.navpage_currentPage {
	font-weight: bold;
}

.navpage_totalPage {
	color: #A0A0A0;
}

.navpage_nbProduit {
}

.navpage_next {
	width: 30px;
	float: left;
}


/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Class encart produit																	*/
/*--------------------------------------------------------------------------------------*/
#listeProduits {
	margin-left: auto;
	margin-right: auto;
	width: 690px;


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


.prostyleForm {
	clear: both;
	background-color: #FFFFFF;
}

.tableauProduit {
	width:693px;
	padding-bottom: 40px;
}

/*--------------------------------- */
.tableauProduitPays {
	clear: both;
	height: 30px;
	margin: 0;
	padding-left: 14px;
	padding-top: 2px;
	margin-bottom: 5px;
	font-family: Tahoma;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	text-align: left;
	color: #FFFFFF;
	background-image: url("../images/pays_back.gif");
	background-repeat: no-repeat;
	/*border-width: 1px; border-style: dotted;*/
}

/*--------------------------------- */
.tableauProduit_Produit, .tableauProduit_Produit_alternate {
	clear: both;
	overflow:hidden;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	border-bottom: #A6D515 2px solid;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: left;
}
/* MSIE */
* html .tableauProduit_Produit, .tableauProduit_Produit_alternate { height:1%; margin-top:30px; }

/*--------------- Image produit ----------------------*/
.produitImage {
	margin-right: 30px;
	width: 120px;
	height: 79px;
	overflow: hidden;
	float: left;
}

.produitImage img {
	width: 120px;
}

/*--------------- Titre produit ----------------------*/
.produitTitre {
	margin: 0;	
	text-align: left;
	/*border-width: 1px; border-style: dotted;*/
	height:1%; /* MSIE */
}

.produitTitre a {
	margin: 0;
	padding: 0;
	
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #EE34A6;
	text-decoration: underline;
}

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

/*--------------- Descriptif info produit ----------------------*/
.produitInfo {
	margin: 0;
	margin-top: 10px;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: left;
	/*border-width: 1px; border-style: dotted;*/
	/*background-color:#f90;*/
	height:1%; /* MSIE */
}

.produitPrix {
	float: right;
	padding-right: 20px;
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	text-align: right;
	color: #7D7D7D;
	/*border-width: 1px; border-style: dotted;*/
}


/*--------------- Ligne(s) de prix produit ----------------------*/
.produitListePrix {
	float: right;
	margin: 0;
	padding: 0px;
	width: 540px;
	margin-left: 140px;

	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	
}

.produitListePrix_ville {
	
	margin: 0;
	padding: 5px;

	border-top: #A6D515 1px solid;
	
	text-align: left;
	color: #000000;
	
	background-color: #EDF7D0;
	/*border-width: 1px; border-style: dotted; */
}

.produitListePrix_ville br {
	display: none;
}

.produitListePrix_prix {
	
	/*border-top: #FFFFFF 1px dotted;	*/
	width: 100%;
	text-align: left;
}

.produitListePrix_prix table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

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

.produitListePrix_Colonne {
	float: left;
	width: 128px;
	margin-left: 5px;
	margin-bottom: 40px;
}

.produitListePrix_Colonne table {
	width: 100%;
	font-size: 10px;

}

.produitListePrix_ColonneTH {
	width: 60%;
	height: 25px;
	
	background-color: #FFFFFF;
	
	line-height: 25px;
	text-align: center;
}

.produitListePrix_ColonneTD {
	width: 40%;
	height: 25px;
	
	background-color: #EDF7D0;
	border-right: 1px solid ;
	line-height: 25px;
	text-align: center;
}

.produitListePrix_prixPromo {
	color: #F40A0A;
}

.produitDateLink {
	clear: both;
	margin-left: 150px;
	margin-bottom: 10px;
}

.produitDateLink a {
	
}


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

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

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

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

	margin-top: 5px;
	/*height: 20px;*/
	background-color: #FFFFFF;
	
	background-image: url("../images/haut.gif");
	background-repeat: no-repeat;
	text-align: left;
}

.retourHaut_link {
	/*width: 50px;*/
	/*height: 15px;*/
	padding-left: 18px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	color: #EE34A6;
}


/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif : Etape 3 - Passagers -> Saisie des informations passagers			*/
/*--------------------------------------------------------------------------------------*/

#availReqMain th {
	height: 25px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
#availReqMain td {
	height: 25px;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
#availReqMain tfoot td {

}
#saisiePaxMain,
#nameListMain {
	clear:both;
	
	width: 569px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2px;

	background-image: url("../images/encart_bas.gif");
	background-repeat: no-repeat;
	background-position: bottom;

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

#saisiePaxMain table, 
#nameListMain table {
	width: 100%;
	
	border-collapse: collapse;
		
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}


#saisiePaxMain select {
	width: 85px;
}

#saisiePaxMain thead td, 
#nameListMain thead td {
	height: 24px;
	background-color: #A6D515;
	background-image: url("../images/encart_haut.gif");
	background-repeat: no-repeat;
	background-position: top;
	
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	color: #FFFFFF;
	
}

#saisiePaxMain tbody th, 
#nameListMain tbody th {
	padding-right: 5px;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
}
	
#saisiePaxMain tbody td, 
#nameListMain tbody td {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	height: 25px;
}
#saisiePaxMain tfoot td, 
#nameListMain tfoot td {
	height: 25px;
	text-align: center;
}


#saisiePaxMain tbody th {
	vertical-align: top;
	border-bottom: #A6D515 2px solid;
	text-align: left;
}


#saisiePaxMain tbody td {
	border-bottom: #A6D515 1px solid;
}

#nameListMain tbody th {
	width: 250px;
}

#nameListMain b {
	
}

















/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/*																						*/
/*--------------------------------------------------------------------------------------*/
#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;
}

#mainErrorMessage {
	float: left;
	min-height: 21px;
	padding-left: 30px;
	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;
}

.boutonValid {
	display: none;
	visibility: hidden;
}

.boutonValidInput {
  border: 0;
}

.obligatoire {
	font-family: Arial, Helvetica;
	font-size: 10px;
	color: #F40A0A;
}



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

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

/*--------------------------------------------------------------------------------------*/
/* 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: #F79D33;
	
	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: #F79D33;
	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 {
	clear:both;
	
	width: 569px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	color: #000000;
	
	text-align: left;
}

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

	width: 100%;
	padding: 0;
	border-collapse: collapse;
	text-align: center;
}
	
#availReqMain thead td {
	height: 24px;
	background-color: #A6D515;
	background-image: url("../images/encart_haut.gif");
	background-repeat: no-repeat;
	background-position: top;
	
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	color: #FFFFFF;
		
}
#availReqMain th {
	height: 25px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
#availReqMain td {
	height: 25px;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}
#availReqMain tfoot td {
	height: 30px;
	
	background-color: #A6D515;
	background-image: url("../images/encart_bas.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	
	text-align: center;
	line-height: 30px;
}
	
#availReqConsigne {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}


/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif																		*/
/* (resaScreen)																			*/
/*--------------------------------------------------------------------------------------*/
#resaProduct {
	clear: both;
	width:	530px;
	
	margin-left: auto;
	margin-right: auto;
	
	color: #000000;
	
	text-align: left;
}

#resaProductTitre {
	display: none;	
}

#resaProductImage {
	width: 120px;
	height: 79px;
	overflow: hidden;
	float: left;
	/*border-width: 1px; border-style: dotted;*/
}

#resaProductImage img {
	width: 120px;
}

#resaProductImage a {
	color: #A6D515;
}

#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 table thead td {
	height: 30px;

	background-image: url("../images/encart_bas.gif");
	background-repeat: no-repeat;
	background-position: top right;

	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	background-color: #A6D515;
	
}

#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: 56px;
}

.resaOption {
	width: 300px;
}

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif																		*/
/* (resaCompo)																			*/
/*--------------------------------------------------------------------------------------*/
#resaCompoMain,
#resaVoiMain, 
#resaTransMain,
#resaComplMain,
#listeVolsMain {
	clear:both;
	
	width: 569px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2px;

	background-image: url("../images/encart_bas.gif");
	background-repeat: no-repeat;
	background-position: bottom;

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

#resaCompoMain table,
#resaVoiMain table,
#resaTransMain table,
#resaComplMain table,
#listeVolsMain table {
	width: 100%;
	
	border-collapse: collapse;
		
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}

#resaCompoMain thead td,
#resaVoiMain thead td,
#resaTransMain thead td,
#resaComplMain thead td,
#listeVolsMain thead td {
	height: 24px;
	background-color: #A6D515;
	background-image: url("../images/encart_haut.gif");
	background-repeat: no-repeat;
	background-position: top;
	
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	color: #FFFFFF;
}

#resaCompoMain tbody th,
#resaVoiMain tbody th,
#resaTransMain tbody th,
#resaComplMain tbody th {
	padding-right: 5px;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
}

#listeVolsMain tbody th {
	padding-right: 5px;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

#resaCompoMain tbody td,
#resaVoiMain tbody td,
#resaTransMain tbody td,
#resaComplMain tbody td,
#listeVolsMain tbody td {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	height: 25px;
	border-bottom: #7D7D7D 1px dotted;
}

#resaCompoMain tfoot td,
#resaVoiMain tfoot td,
#resaTransMain tfoot td,
#resaComplMain tfoot td,
#listeVolsMain tfoot td {
	height: 25px;
	text-align: center;
}


/* Booking */

/*--------------------------------------------------------------------------------------*/
/* Les classes utilisables pour les SCREENS :											*/
/* Devis interactif	(R!"sultat de l'etape "Devis")										*/
/* (Booking)																			*/
/*--------------------------------------------------------------------------------------*/
#bookingMenuMain,
#bookingMenuCompl,
#bookingMenuSegments,
#bookingMenuTarif {

	width: 693px;
	margin-left: auto;
	margin-right: auto;

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

#bookingMenuMain table,
#bookingMenuCompl table  {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	width: 100%;
	
	border-collapse: collapse;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}

#bookingMenuMain thead {
	/*display: none;
	visibility: hidden;*/
}


#bookingMenuMain tbody th {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	width: 45%;
}

#bookingMenuMain tbody td {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom: #A6D515 1px solid;
}

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

#bookingMenuSegments {
	margin: 0;
	/*border-width: 1px; border-style: dotted;*/
}

/*------------------ BookingMenu : ------------------*/

#bookingMenuTarif tbody th {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

#bookingMenuTarif td {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
}

#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 thead {
	height: 24px;
	background-color: #A6D515;

	color: #FFFFFF;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
}

#bookingMenuCompl thead td {
	height: 28px;
	padding-left: 15px;
	
	background-image: url("../images/pays_back.gif");
	background-repeat: no-repeat;
}

#bookingMenuCompl tbody td {
	/*background-color: #FFE4B5;*/
}

#bookingMenuCompl tfoot td {
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;

	margin-top: 5px;

	border-top: #A6D515 1px solid;
	border-bottom: #A6D515 1px solid;
	background-color: #E4F2B8;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-style: italic;
	color: #888888;
}


/*------------------ BookingMenu : "Les Passagers" ------------------*/
#bookingMenuPassagers {
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding-left: 15px;
	
	background-image: url("../images/pays_back.gif");
	background-repeat: no-repeat;
}

#bookingMenuPassagers table {
	border: 0;
	width: 100%
}

#bookingMenuPassagers thead td {
	height: 30px;

	text-align: left;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
}

#bookingMenuPassagers tbody td {
	/*background-color: #FFE4B5;*/
}

/*------------------ BookingMenu : Validation ------------------*/
#bookingMenuValidation {	
	margin-top: 20px;
	padding: 0;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-align: right;
}

#bookingMenuValidation table {
	margin-left: 390px;
	width: 300px;
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	border: 0;
	border-bottom: #A6D515 1px solid;
	border-top: #A6D515 1px solid;
	
	
}
#bookingMenuValidation thead {
}

#bookingMenuValidation tbody th {
	font-weight: normal;
	width: 100%;
	color: #000000;
	border-bottom: #A6D515 1px dotted;
}

#bookingMenuValidation tbody td {
	width: 100%;
	color: #000000;
	border-bottom: #A6D515 1px dotted;
}

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

#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: 690px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	color: #000000;
}

#bookingFileMain table {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
	width: 100%;
	
	border-collapse: collapse;
	
	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
}

#bookingFileMain table thead td {
	height: 28px;
	padding-left: 5px;
	
	background-color: #A6D515;
	background-image: url("../images/pays_back.gif");
	background-repeat: no-repeat;
	
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height: 28px;
	color: #FFFFFF;
}
	
#bookingFileMain a {
	color: #FFFFFF;
}

#bookingFileMain tbody tr {

}

#bookingFileMain tbody th {
	margin: 0;
	width: 50%;
	padding: 0;
	padding-left: 5px;
	padding-right: 5px;
	
	text-align: left;
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	
}

#bookingFileMain tbody td {
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
	text-align: left;
/*background-color: #FFE4B5;*/
}

#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: #A6D515;
}



#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;

	font-family: Verdana;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

#bookingFilePrestation table {
	border: 0;
}

#bookingFilePrestation thead td {
	width: 693px;
	height: 30px;
	padding-left: 14px;

	background-color: #A6D515;

	text-align: left;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;

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

#bookingFilePrestation thead td a {
	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
}

#bookingFilePrestation tbody tr {
	border-bottom: #A6D515 1px solid;
}

#bookingFilePrestation tbody th {
	padding-top: 10px;
	width: auto;
	
	border-bottom: #A6D515 2px solid;
	
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	color: #000000;
}

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

#bookingFilePrestation tfoot th {
	text-align: left;
	width: auto;
	color: #000000;
}

#bookingFilePrestation tfoot td {
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;

	margin-top: 5px;

	border-bottom: #A6D515 1px solid;
	background-color: #E4F2B8;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-style: italic;
	color: #888888;
}

#bookingFilePrestation img, #bookingMenuCompl img{
	vertical-align: middle;
}

#bookingFilePrestationRqs
{
    min-height: 21px;
    padding: 5px;
    padding-left: 30px;
    margin-bottom: 10px;
    margin-right: 5px;
    margin-top: 5px;
    font-family: Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #F40A0A;                /* Rouge */
    text-align: left;
    border: 1px solid #F40A0A;    /* Rouge */
}

/*------------------ bookingFile : "Le prix du voyage" ------------------*/
#bookingFileTarif {	
 	width: 100%;
	
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

#bookingFileTarif table {
	width: 100%;
	border: 0;
}

#bookingFileTarif thead {
	height: 30px;
	padding-left: 14px;
	
	background-image: url("../images/pays_back.gif");
	background-repeat: no-repeat;

	font-family: Tahoma;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	
}

#bookingFileTarif thead td {
	padding-left: 15px;
}

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

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

	font-family: Tahoma;
	font-weight: bold;
	font-size: 11px;
}

#bookingFileTarif tbody tr{
	border-bottom: #A6D515 1px solid;

}



#bookingFileTarif tbody td {
	text-align: right;
	width: auto;
	/*background-color: #FFE4B5;*/
}

#bookingFileTarif tfoot {
	background-color: #E4F2B8;
	
}

#bookingFileTarif tfoot th {
	text-align: right;
	width: 500px;
	color: #000000;
}

#bookingFileTarif tfoot td {
	padding: 5px;
	padding-left: 0;
	
	text-align: right;
	font-weight: bold;

	background-color: #E4F2B8;
}

#bookingFileCoupon {
    display: none;
}

/*------------------ 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 {t
	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/logo_site_atlasweb.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;*/
}



/* Les statistiques */
#report_default {
width: 753px;
margin-left: auto;
margin-right: auto;

background-color: #FFFFFF;
color: #000000;


text-align: center;
}

#report_Top 
	{
	height: 140px;
	margin-left: 27px;
	padding-top: 10px;
	/*border: 1px solid red;*/
	}

#report_Toplogo {
float: left;
/*border: 1px solid black;*/
}

#reportTopTitre {display: none;}

#report_TopInfo
	{
	float: left;
	margin-left: 30px;
	margin-top: 30px;

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

#report_menu {
clear: both;
margin-bottom: 30px;
text-align: center;
}
#report_menu ul
	{
	margin: 0;
	padding: 0;
	}
#report_menu li {
	display: inline;
	list-style: none;
	margin-left: 25px;
	}

#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: 0px;
	font-family: Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	}

#report_Main a{
display:block;
margin-bottom: 10px;
}


#report_Main thead td {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;


background-color: #A6D515;


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

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

#report_Main tbody th {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;

border-bottom: 1px #A6D515 solid;

font-family: Arial, Helvetica;
font-size: 10px;
font-weight: bold;


text-align: right;
}

#report_Main tbody td {
padding-left: 5px;

border-bottom: 1px #A6D515 solid;

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


text-align: center;
}

#report_Main tfoot td {
margin: 0;
padding: 5px;
padding-top: 10px;

background-color: #A6D515;

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

text-align: right;
}


/*----------------------------------------------------------*/
/* Les classes utilisables pour le Login (non utilis " : " :)		*/
/*----------------------------------------------------------*/

/*--------------------------------------------------------------------------------------*/
/* PAGE D'ATTENTE (wait.php)															*/
/*--------------------------------------------------------------------------------------*/

#waitBody{
	background-color: #000000;
}

#loginDefault, #waitdefault{
	position: absolute;
	top: 50%;
	left: 50%;
	
	width: 600px;
	height: 400px;
	margin-left: -300px;
	margin-top:  -200px;

	text-align: left;
	background-color: #FFFFFF;
	
	font-size: 10px;
	font-family: Verdana;
	font-weight: normal;
	color: #FFFFFF;
}


#waitdefault {
	background-color: #FFFFFF;
	height: auto;
	
}

#waitMain {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background-image: url("../images/encart_bas.gif");
	background-repeat: no-repeat;
	background-position: bottom;
	
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	color: #7D7D7D;
}
#waitTop {
	margin-left: 27px;
	margin-top: 10px;
	margin-bottom: 30px;
}

#waitTitle {
	width: 569px;
	height: 30px;
	margin-left: auto;
	margin-right: auto;
	
	background-color: #A6D515;
	background-image: url("../images/encart_haut.gif");
	background-repeat: no-repeat;
	background-position: top;
	
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	color: #FFFFFF;
}

#waitAnim
	{
	margin-left: auto;
	margin-right: auto;
	width: 120px;
	}

#flashcontent
	{
	margin-top: 15px;
	height: 20px;
	}

#waitMessage {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-bottom: 30px;
	width: 400px;

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


#loginTop {
	
}

#loginLogo{
	position: relative;

	top: 10px;
	left: 10px;
	z-index: 1;
}

#waitTopDate, #waitTopCoord {
	float: left;
	display: none;
	overflow: hidden;
}


#loginMessageAccueil {
	display: none;
}

#loginImage {
	position: relative;
	top: 30px;
	left: 10px;
	z-index: 2;

}
#loginMain {

	position: absolute;
	top: 170px;
	left: 35px;

	z-index: 3;
	color: #000000;
}
#loginMain table {
	width: 290px;
}

#loginMain thead td {
	height: 50px;

	font-family: Verdana;
	font-weight: normal;
	font-size: 11px;	
	text-align: left;
}

#loginMain tbody {
	font-family: Verdana;
	font-weight: normal;
	font-size: 10px;	
}

#loginMain tbody th {
	font-weight: normal;
	text-align: right;
}

#loginMain tbody td {
	text-align: left;
}

#loginMain tfoot td {
	height: 40px;
	text-align: center;
}

#loginBottom {
	height: 80px;
	margin-top: 40px;
	
	background: #000000;

	line-height: 30px;
	font-family: Arial;
	font-size: 10px;
	color: #D7D7D7;
}

#loginBottom a {
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #7D7D7D;
}

#signature_pcv_login {
	margin-top : -5px;
	font-family: Arial;
	font-size: 10px;
}

.loginput {
	border: 0;
	width: 100px;
	font-family: Verdana;
	font-size: 10px;
	color: #000000;
}

#login_mail{
	position: absolute;
	top: 290px;
	left: 35px;

	z-index: 3;
}

#login_mail a{
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

.mention {
	font-family: Arial, Helvetica;
	font-size: 10px;
	font-style: italic;
	color: #888888;
}