/* STYLES XML */


/* CONTENU ------------------------------------------------------------------- */ 
	#contenu_xml_rech, #contenu_xml_fiche_pdt {
	margin:10 auto;
	width:960px;
	color:#50504F;
	position:relative;
	}
	
	/* GAUCHE -------------------------------------------------------------------  */
		#gauche {
		float:left;
		position:relative;
		}
		#contenu_xml_rech #gauche {
		background-image:url(images/xml/recherche/images_bulles.jpg);
		background-repeat:no-repeat;
		width:223px;
		height:650px;
		}
		#contenu_xml_fiche_pdt #gauche {
		width:262px;
		}
		#gauche .img_bulle_fiche_pdt{
		position:relative;
		}
		#gauche .bulle_fiche_pdt{
		position:absolute;
		left:0;
		top:0;
		background-image:url(images/xml/voyage/bulle_gauche.gif);
		background-repeat:no-repeat;
		width:262px;
		height:279px;
		}
						
			
	/* DROITE -------------------------------------------------------------------  */
		#droite {
		float:left;
		position:relative;
		text-align:left;
		}
		#contenu_xml_rech #droite {
		width:727px;
		}
		#contenu_xml_fiche_pdt #droite {
		width:686px;
		}
		
		/*  MOTEUR (PAGE RECH) */		
			#contenu_xml_rech #droite #moteur_xml {
			width:700px;
			height:121px;
			background-image:url(images/xml/recherche/fd_moteur_xml.gif);
			background-repeat:no-repeat;
			margin-bottom:20px;
			/*margin-top:41px;*/
			padding-top:5px;
			}
			#contenu_xml_rech #droite #moteur_xml form {
			margin:0px;
			padding:0px;
			margin-left:20px;
			margin-top:15px;
			font-size:12px;
			}
			#contenu_xml_rech #droite #moteur_xml .champ_form {
			float:left;
			width:320px;
			height:20px;
			margin-bottom:3px;
			margin-left:10px;
			}
			#contenu_xml_rech #droite #moteur_xml form .form_bas {
			float:left;
			width:640px;
			height:18px;
			font-size:11px;
			color:#A18C47;
			}
			#contenu_xml_rech #droite #moteur_xml form #date_depart {
			height:20px;
			color:#A18C47;
			}
			
			#contenu_xml_rech #droite #moteur_xml select {
			width: auto;
			font-size:10px;
			height:18px;
			margin-left:2px;
			color:#A18C47;
			}
			#contenu_xml_rech #droite #moteur_xml select.select {
			width:160px;
			}
			#contenu_xml_rech #droite #moteur_xml input {
			text-align:left;
			}
			#contenu_xml_rech #droite #moteur_xml input#bt_rech {
			margin-top:12px;
			margin-bottom:12px;
			margin-left:35px;
			}
			#contenu_xml_rech #droite #moteur_xml .contreproposition {
			margin-top:41px;
			}
	
				/*  RESULTATS DE RECHERCHE  */
			
			#contenu_xml_rech #droite #haut_page, #recherche p#bas_rech{
			text-align:left;
			margin:0;
			font-size:12px;
			}
			#contenu_xml_rech #droite #haut_page {
			height:40px;
			}
			#contenu_xml_rech #droite #bas_rech{
			height:40px;
			}
			
			#contenu_xml_rech #droite #haut_page .nb_voyages {
			color:#A18C47;
			}
			#contenu_xml_rech #droite #bas_rech .nb_voyages {
			position:relative;
			left:20px;
			top:20px;
			}
			
			#contenu_xml_rech #droite #haut_page .pages, #contenu_xml_rech #droite #bas_rech .pages {
			position:absolute;
			right:20px;
			color:#02487E;
			font-weight:bold;
			}
			#contenu_xml_rech #droite #haut_page .pages {
			top:5px;
			}
			#contenu_xml_rech #droite #bas_rech .pages {
			bottom:20px;
			}
			#contenu_xml_rech #droite #haut_page .pages a, 
			#contenu_xml_rech #droite #bas_rech .pages a {
			text-decoration:underline;
			color:#02487E;
			font-size:10px;
			position:relative;
			bottom:2px;
			}
			#contenu_xml_rech #droite #haut_page .pages a.pages_totales, 
			#contenu_xml_rech #droite #bas_rech .pages a.pages_totales {
			font-size:12px;
			color:#02487E;
			position:relative;
			bottom:0px;
			}
			#contenu_xml_rech #droite #haut_page .pages a:hover, 
			#contenu_xml_rech #droite #bas_rech .pages a:hover {
			color:#A18C47;			
			}
			
			#contenu_xml_rech #droite #haut_page .tri {
			position:absolute;
			right:20px;
			top:40px;
			}
			#contenu_xml_rech #droite #haut_page .tri select {
			border:1px solid #623510;
			color:#6D6D6D;
			font-weight:bold;
			font-size:11px;
			width:150px;
			height:18px;
			}
			#contenu_xml_rech #droite #haut_page .tri optgroup {
			color:#C7C7C7;
			text-decoration:underline;
			padding-left:8px;
			}
			#contenu_xml_rech #droite #haut_page .filtre {
			position:absolute;
			right:20px;
			top:60px;
			}
			#contenu_xml_rech #droite #haut_page .filtre select#filtre {
			border:1px solid #623510;
			color:#6D6D6D;
			font-weight:bold;
			font-size:11px;
			width:305px;
			height:18px;
			}
			
			#contenu_xml_rech #droite p#bas_page{
			background-image:url(images/xml/bas_page.gif);
			background-repeat:no-repeat;
			background-position:bottom;
			}
			
			#recherche {
			text-align:left;
			position:relative;
			width:670px;
			height:145px;
			background-color:#F7F7F7;
			margin-left:5px;
			margin-bottom:15px;
			color:#918E8E;
			border:1px solid #DDD2B2;
			}
			
			#recherche img {
			width:150px;
			height:100px;
			float:right;
			}
			
			#recherche a.details img{
			position:absolute;
			right:15px;
			bottom:10px;
			font-weight:bold;
			text-decoration:none;
			width:114px;
			height:21px;
			border:0px;
			}
			
			#recherche .titre_dest {
			color:#005596;
			font-size:15px;
			width:485px;
			height:20px;
			overflow:hidden;
			margin:5px;
			}
			
			#recherche .regime {
			color:#242021;
			font-size:11px;
			margin:5px;
			}
			
			#recherche .descriptif {
			display:block;
			font-size:11px;
			margin:5px;
			height:40px;
			overflow:hidden;
			}
			#recherche .suite {
			font-size:10px;
			margin:5px;
			color:#A18C47;
			}
			
			#recherche a.prix { /* à partir de  */
			display:block;
			color:#005596;
			padding:5px;
			font-size:11px;
			}
			#recherche span.prix { /* prix  */
			color:#A18C47;
			font-size:16px;
			font-weight:bold;
			}
			
			#recherche a.nom_pdt {
			font-size:14px;
			display:block;
			position:relative;
			font-weight:bold;
			padding:2px 5px;
			width:300px;
			min-width:200px;
			color:#FFF;
			text-decoration:none;
			}
			
			#recherche .bt_reserver {
			background-image:url(images/xml/bt_reserver.gif);
			width:66px;
			height:21px;
			position:absolute;
			right:20px;
			bottom:20px;
			}
			#recherche .bt_reserverOn {
			background-image:url(images/xml/bt_reserverOn.gif);
			width:66px;
			height:21px;
			position:absolute;
			right:20px;
			bottom:20px;
			}
			
			
				/*  FICHE PRODUIT  */
			#frame_fotos {
			overflow: auto;
			height:600px;
			width:240px;
			text-align:center;
			/*background-color:#D7CEB1;*/
			}
			/*#frame_fotos .voyages {
			background-color:#92CB85;
			}
			#frame_fotos .croisieres {
			border:1px solid #FFF;
			}*/
			
			#fiche {
			position:relative;
			width:680px;
			border:1px solid #D9CEAD;
			background-color:#F7F7F7;
			text-align:left;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			}
			
			#fiche form{
			margin-bottom:5px;
			}
			
			
			
			
		/* HAUT DE PAGE */
			#fiche p#haut_page, #fiche p#bas_rech{
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-align:left;
			margin:0;
			font-size:12px;
			}
			#fiche p#haut_page {
			height:70px;
			}
			
			
			
			#fiche #haut_page a.retour_rech {
			margin-left:10px;
			color:#A18C47;
			}
			
			#fiche #haut_page .consult {
			margin-left:10px;
			margin-top:30px;
			font-size:12px;
			font-weight:bold;
			width:600px;
			}
			#fiche #haut_page .consult span {
			width:200px;
			line-height:20px;
			}

			#fiche #haut_page .consult span a {
			color:#A18C47;
			font-weight:normal;
			}			
			
			
		/* RESUME */
			#fiche #resume {
			float:left;
			width:350px;
			padding-left:10px;
			padding-top:20px;
			margin-bottom:20px;
			}
			
			#fiche #resume .titre_dest, #fiche #resume .choix_voyage {
			font-size:14px;
			font-weight:bold;
			color:#02487E;
			}
			#fiche .thalasso #resume .titre_dest {
			color:#2DAABC;
			}
			#fiche .balneo #resume .titre_dest {
			color:#3DD2DB;
			}
			#fiche .spa #resume .titre_dest {
			color:#CCC090;
			}
			#fiche #resume .choix_voyage select {
			font-size:11px;
			font-weight:bold;
			color:#02487E;
			}
			
			#fiche #resume .jours, #fiche #resume .themes {
			color:#242021;
			font-size:12px;
			font-weight:bold;
			}
			
			#fiche .tel {
			font-size:11px;
			margin-top:10px;
			margin-bottom:10px;
			padding-left:20px;
			font-weight:bold;
			}
			
			#fiche #resume input.bt_reserver {
			background-image:url(images/xml/voyage/bt_reservez.gif);
			width:114px;
			height:21px;
			display:block;
			margin-left:120px;
			margin-top:40px;
			}
			
			#fiche #photos .prix_apartir {
			font-size:12px;
			color:#02487E;
			font-weight:bold;
			margin-bottom:10px;
			}
			#fiche #photos .prix {
			font-size:16px;
			color:#A18C47;
			}
		/*  PHOTOS  */
			#fiche #photos {
			margin-right:10px;			
			width:290px;
			float:left;
			position:relative;
			}
			
			#fiche #photos img {
			width:290px;
			height:200px;
			}
			
			
		/*  CADRES DETAILS + PRIX  */
			#fiche #infos_voyage {
			width:640px;
			margin-left:20px;
			font-size:11px;
			color:#626262;
			text-align:justify;
			}
			
		/*  DETAILS TARIFS  */
			/*#fiche #detail_tarifs {
			position:relative;
			}
			#fiche #detail_tarifs .meilleurs_tarifs{
			margin-left:35px;
			}
			#fiche #detail_tarifs .titre_tarifs_villes{
			font-size:14px;
			color:#565656;
			font-weight:bold;
			margin:10px;
			}
			#fiche #detail_tarifs .normal {
			font-size:12px;
			}			
			
			#fiche #detail_tarifs .choix_voyage {
			position:relative;
			bottom:20px;
			left:120px;
			}
			#fiche #detail_tarifs select {
			height:20px;
			color:#565656;
			font-size:12px;
			font-weight:bold;
			}
			#fiche #detail_tarifs .choix_voyage select {
			width:310px;
			background-color:#E0C3E2;
			}
			#fiche #detail_tarifs .clic_date {
			position:relative;
			top:13px;
			}*/
			
		/* CALENDRIER */ 
			/* tableau général : 
			#calendrier {
			border:1px solid #A18C47;
			border-top:2px solid #A18C47;
			border-right:2px solid #A18C47;
			margin-top:20px;
			margin-bottom:20px;
			}*/
			/* toutes les cellules : 
			#calendrier tr td{
			height:25px;
			width:14%;
			text-align:center;
			vertical-align:top;
			border-bottom:1px solid #A18C47;
			border-left:1px solid #A18C47;
			padding-top:2px;
			}*/
			/* 1ere ligne du tableau = le mois 
			#calendrier .mois {
			font-weight:bold;
			line-height:20px;
			}*/
			/* 2eme ligne du tableau = les jours de la semaine
			#calendrier .jours td{
			font-size:11px;
			vertical-align:middle;
			} */
			/* case du calendrier avec un départ possible : 
			#calendrier .depart_possible {
			font-weight:bold;
			background-color:#FFF;
			}*/
			/* prix du départ pour la date donnée 
			#calendrier .depart_possible a{
			font-size:11px;
			color:#A18C47;
			font-weight:bold;
			text-decoration:none;
			}*/

			/*
			#fiche #infos_voyage #calendrier {
			font-size:12px;
			border:1px solid #CCC;
			}
			*/
			
		/*  BAS PAGE  */
			#fiche p#bas_page{
			height:50px;
			margin:0;
			}
			#fiche p#bas_page a.liens_bas {
			font-size:12px;
			padding:30px;
			font-weight:bold;
			color:#02487E;
			}
			#fiche p#bas_page a:hover.liens_bas {
			color:#A18C47;
			}
			#fiche p#bas_page input.bt_reserver {
			background-image:url(images/xml/voyage/bt_reservez.gif);
			width:114px;;
			height:21px;
			margin-top:20px;
			margin-left:100px;
			}

			
		/*  PRINT FICHE PRODUIT  */
			.logo_print {
			position:absolute;
			right:30px;
			top:20px;
			border:1px solid #626262;
			}