/* STYLES XML */

/* moteur xml */
#moteur-xml {
margin-left:15px;
margin-top:10px;
float:left;
width:500px;
}

#contenu-moteur-xml {
background-image:url(images/xml/centre-moteur-xml.gif);
background-repeat:repeat-y;
height:140px;
}

#moteur-gauche {
float:left;
width:240px;
position:relative;
}

#moteur-droit {
float:left;
width:220px;
position:relative;
margin-left:30px;
}

#moteur-xml #moteur-droit label{
position:absolute;
left:0px;
}
#moteur-xml #moteur-gauche label{
position:absolute;
left:35px;
}

#moteur-xml form {

padding-top:10px;
}

#moteur-xml #moteur-gauche select {
width:130px;
font-size:10px;
position:absolute;
left:130px;
}
#moteur-xml #moteur-droit select {
margin-left:60px;
margin-top:4px;
width:130px;
font-size:10px;
}
#moteur-xml input {
position:absolute;
left:130px;
width:107px;
margin-top:4px;
font-size:10px;
}

#moteur-xml input#bt_rechercher {
height:25px;
width:113px;
position:absolute;
top:40px;
left:-110px;
}

/* filtres + resultats */
#recherche #haut_page {
float:left;
width:350px;
margin-top:25px;
text-align:center;
}

.nb_voyages {
color:#FF9900;
font-weight:bold;
}

.tri, .filtre {
text-align:right;
}
.filtre select{
width:320px;
}

/*recherche*/
/* OFFRES  ------------------------ */
#recherche .offre {
position:relative;
width:880px;
height:125px;
background-color:#FFF;
margin-left:10px;
margin-bottom:15px;
color:#009499;		
border:1px solid #003163;
background-image:url(images/xml/recherche/fd_resultat.gif);
background-repeat:no-repeat;
}

#recherche .offre a img {
width:185px;
height:125px;
border:0;
}

#recherche .offre .contenu_txt {
position:absolute;
left:200px;
top:0px;
width:500px;
margin-left:14px;
}

.contenu_txt .titre_dest {
display:block;
font-size:16px;
color:#FF9900;
text-transform:uppercase;
font-weight:bold;
margin-top:10px;
width:275px;
}
.titre_dest .ville {
font-size:13px;
}

a.nom_pdt {
color:#003163;
font-size:13px;
font-weight:bold;
height: 18px;
overflow: hidden;
display: block;
}

#recherche .contenu_txt a.prix {
position:absolute;
right:-160px;
top:0px;
padding:5px;
width:180px;
text-align:center;
}
.contenu_txt a .px {
color:#FF9900;
font-size:18px;
}

.details {
position:absolute;
right:-140px;
}

.details a {
color:#009499;
font-size:12px;

}
.details a:hover {
color:#003163;
}

#regime {
color:#009499;
}






/*  FICHE PRODUIT  */

#contenu_xml {
width:900px;
}

#gauche {
float:left;
width:250px;
}

/* moteur xml2 */
#moteur-xml2 {
margin-top:10px;
}

#contenu-moteur-xml2 {
background-image:url(images/xml/centre-moteur-xml2.gif);
background-repeat:repeat-y;
}
#contenu-moteur-xml2 form {
margin-left:30px;
}

#contenu-moteur-xml2 select, #contenu-moteur-xml2 input {
width:180px;
font-size:10px;
}

input#bt_rechercher-xml2 {
height:25px;
width:113px;
margin-left:40px;
}

#explications-resa {
margin-top:10px;
}

#contenu-encart-resa {
background-color:#1a4455;
width:231px;
margin-left:8px;
color:#ffffff;
}

#contenu-encart-resa p {
width:210px;
margin-bottom:0px;
}

#contenu-encart-resa img {
float:left;
margin:10px;
}


#droite {
float:left;
width:625px;

}

#fiche {
position:relative;
width:620px;
margin-left:10px;
}

#haut_page {
margin-top:10px;
}

#fiche form{
margin-bottom:5px;
}



/*  PHOTOS  */
#fiche #photos {
width:270px;
float:left;
position:relative;
margin-bottom:10px;
height:300px;
}

#fiche #photos img {
width:270px;
height:190px;
border:1px solid #9F9F9F;
}
/* petites photos */
#fiche #photos #ptes_fotos {
margin-top:5px;
height:80px; 
width:270px;
position:relative;
overflow:auto; 
}
#fiche #photos #ptes_fotos img {
width:75px;
height:55px;
cursor:pointer;
margin-left:3px;
}
#fiche #photos p {
font-size:10px;
text-align:center;
}
				
/* HAUT DE PAGE */

#fiche #haut_page a.retour_rech {
}

#fiche #haut_page .consult {
font-size:12px;
font-weight:bold;
color:#FF9900;

}
#fiche #haut_page .consult span {
font-size:12px;
font-weight:bold;
line-height:20px;
}

#fiche #haut_page .consult span a {
color:#;
}			
#fiche #haut_page .consult span a:hover {
color:#;
}

/* RESUME */
#fiche #resume {
float:left;
width:300px;
margin-left:20px;
background-color:#FFFFFF;
border:1px solid #1a4455;
padding:10px;
}
#fiche #resume p {
margin:0px;
}

#fiche #resume .nom_pdt {
font-size:14px;
display:block;
font-weight:bold;
width:300px;
}
#fiche #resume .prix {
display:block;
line-height:30px;
}
#fiche #resume .prix span {
font-size:18px;
color:#FF9900;
}
#fiche #resume .jours, #fiche #resume .themes {
color:#097d81;
font-size:12px;
}

#fiche #resume .dates_prix {
font-size:12px;
}
#fiche #resume .dates_prix select {
font-size:11px;
color:#BEA0AF;
font-weight:bold;
border:1px solid #BEA0AF;
margin-left:10px;
margin-top:3px;
height:18px;
}

#fiche #resume .titre_dest {
font-size:14px;
font-weight:bold;
width:300px;
color:#FF9900;
}

#fiche .tel {
font-size:11px;
font-weight:bold;
margin-bottom:20px;
text-align:center;
}
#fiche .tel span{
font-size:18px;
}

#fiche #resume input.bt_reserver {
background-image:url(images/xml/fiche_pdt/bt_reserver.gif);
width:89px;
height:28px;
display:block;
margin-left:120px;
margin-top:30px;
}
#fiche #resume input.bt_reserverOn {
background-image:url(images/xml/fiche_pdt/bt_reserverOn.gif);
width:89px;
height:28px;
display:block;
margin-left:120px;
margin-top:30px;
}

input#STEP1 {
width:114px;
height:26px;
margin-top:10px;
}

/* ONGLETS DETAILS - PRIX*/
#fiche #onglets_recap {
line-height:30px;
padding:0 20px;
font-size:12px;
}
#fiche #onglets_recap a {
text-decoration:none;
background-color:#1a4455;
border-top:1px solid #1a4455;
border-left:1px solid #1a4455;
border-right:1px solid #1a4455;
font-weight:bold;
padding:10px;
margin-right:10px;
color:#FFFfff;
position:relative;
bottom:3px;
}

#fiche #onglets_recap a:hover {
color:#FF9900;
}

#fiche #onglets_recap a.on {
background-color:#FFF;
border-top:1px solid #FF9900;
border-left:1px solid #FF9900;
border-right:1px solid #FF9900;
cursor:default;
color:#FF9900;
}

/*  CADRES DETAILS + PRIX  */
#fiche #infos_voyage {
width:610px;
background-color:#FFF;
padding:10px;
border:1px solid #918E8E;
font-size:11px;
color:#626262;
text-align:justify;
}
#fiche #infos_voyage #detail_descriptif  {
width:610px;
overflow:hidden;
}
#fiche #infos_voyage #detail_descriptif span.sous_titre {
position:relative;
top:10px;
left:20px;
color:#097d81;
font-weight:bold;
font-size:14px;
}

/*  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:#0d7c80;
}
#fiche #detail_tarifs .normal {
font-size:12px;
}			

#fiche #detail_tarifs .choix_voyage {
position:relative;
bottom:20px;
left:120px;
}
#fiche #detail_tarifs select#ville_tarifs{
height:20px;
color:#565656;
font-size:12px;
position:relative;
left:-120px;
}
#fiche #detail_tarifs .choix_voyage select {
width:400px;
background-color:#ffdb9b;
}
#fiche #detail_tarifs .clic_date {
margin-top:15px;
display:block;
color:#FF9900;
}

/* calendrier-mois */ 
/* tableau général : */
#calendrier-mois {
border:1px solid #1a4455;
border-top:2px solid #1a4455;
border-right:2px solid #1a4455;
margin-bottom:15px;
}
/* toutes les cellules : */
#calendrier-mois tr td{
height:25px;
width:14%;
text-align:center;
vertical-align:top;
border-bottom:1px solid #1a4455;
border-left:1px solid #1a4455;
padding-top:2px;
}
/* 1ere ligne du tableau = le mois */
#calendrier-mois .mois {
font-weight:bold;
line-height:20px;
}
/* 2eme ligne du tableau = les jours de la semaine */
#calendrier-mois .jours td{
font-size:11px;
vertical-align:middle;
}
/* case du calendrier-mois avec un départ possible : */
#calendrier-mois .depart_possible {
font-weight:bold;
background-color:#ffdb9b;
color:#FF9900
}
/* prix du départ pour la date donnée */
#calendrier-mois .depart_possible a{
font-size:11px;
color:#1a4455;
font-weight:bold;
text-decoration:none;
}

#fiche #infos_voyage #calendrier-mois {
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;
}
#fiche p#bas_page input.bt_reserver {
background-image:url(images/xml/fiche_pdt/bt_reserver.gif);
width:89px;
height:28px;
margin-top:10px;
margin-left:170px;
}
#fiche p#bas_page input.bt_reserverOn {
background-image:url(images/xml/fiche_pdt/bt_reserverOn.gif);
width:89px;
height:28px;
margin-top:10px;
margin-left:170px;
}

img#img_bas_page {
margin:0px;
padding:0px;
position:relative;
bottom:10px;
}

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