body
{
   width: 800px;
   margin-top: 0;
   margin:0 auto; 
   background-color: #37485B;   
   /*background-image: url("../images/maquette_v3.bmp");*/
   background-position: top center;
   background-repeat: no-repeat;
   
   font-family: Arial, Verdana, "Times New Roman", Times, serif;   
   font-size: 11px;
   text-align : center;
}

#pied_page
{
   padding: 1px;
   height: 15px;
   width: 800px;

   text-align: center;
   font-size: 11px;

   color: #B3B3B3;
   background: #ffffff;
   
   border-top: 5px solid #004040;
}

a.pp 
{   
   color: #000000;
   text-decoration: none;
}

a.pp:hover
{   
   color: #555555;
   text-decoration: underline;
}

/********** Photo principale **********/

.photo_principale
{
   margin: 0;
   padding: 0;
   position: absolute;
   top: 61px;   
   z-index: 10;
}

/********** En-tete **********/

.fd_entete
{
   position: absolute;
   top: 0;   
   z-index: 10;
}

.logo
{
   position: absolute;
   top: 4px;
   left: 18px;
   z-index: 20;   
}

.titre_logo
{
   position: absolute;
   top: 15px;
   left: 105px;
   z-index: 20;   
}

.titre_logo_qrn
{
   font-family: Arial, Verdana, "Times New Roman", Times, serif;   
   font-size: 11px;
   color: 6a7c90;
   letter-spacing: 5px;
   
   position: absolute;
   top: 45px;
   left: 585px;
   z-index: 20;   
}

/********** Illustrations **********/

.illus_bas
{
   position: relative;
   top: 711px;   
   left: 151px;
   z-index: 10;
}

.logo_queyras
{
   position: absolute;
   top: 675px;
   left: 5px;
   z-index: 20;   
}

/********** Titre rubrique (sauf page d'accueil => titre encarts) **********/

.fd_titre_rubrique
{
   position: absolute;
   top: 300px;
   left: 130px;
   z-index: 20;   
}

.titre_rubrique
{
   position: absolute;
   top: 309px;
   left: 190px;
   font-family: "Arial Black", Arial, Verdana, "Times New Roman", Times, serif;   
   font-size: 11px;
   color: #000000;
   z-index: 30;  
}

/************************************ Les menus *************************/

/********** Menu haut **********/

#menu_haut
{
   background-color: #004040;
   position: absolute;
   top: 0;
   left: 400px;
   width: 400px;
   height: 23px;
   z-index: 20;   
}

.elt_menu_haut
{
   position: relative;
   top: 4px;
   left: 10px;
   font-family: Arial, Verdana, "Times New Roman", Times, serif;   
   font-size: 11px;
   color: #ffffff;
   word-spacing: 6px;
}

.elt_menu_haut a
{
   word-spacing: 0;
   color: #ffffff;
   text-decoration:none;
}

.elt_menu_haut a:hover
{
   color: #ffd700;
}

.gau_menu_haut
{
   position: absolute;
   top: 0;
   left: 321px;
   width: 79px;
   height: 23px;
   z-index: 20;   
}

/********** Menu gauche **********/

#menu_dep
{
   background-color: #0b7170;
   width: 167px;
   height: 125px;
   position: absolute;
   top: 338px;   
   z-index: 10;
   padding-left: 1px;
   text-align : left;
}

.elt_menu_dep
{
   background-image: url("../images/fd_dep_ass.bmp");
   background-repeat: no-repeat;
   /*background-color:transparent;*/
	filter:alpha(opacity=99);    /* Fonctionne pour IE        */
	-moz-opacity:.99;        /* La propriété de Mozilla    */
	opacity:.99; 
	
   border: 0;
   
   padding: 0;
   height: 31px;
}

.elt_menu_dep ul
{
   margin: 0;
   padding: 0;
}

.elt_menu_dep li {
  position: relative;
  top: 4px;
  left: 35px;
  list-style: none;
}

.elt_menu_dep a
{
   color: #c0c0ff;
   text-decoration:none;
}

.elt_menu_dep a:hover
{
   color: #ededed;
}

#menu_hiver
{
   float: left;
   width: 147px;
   position: absolute;
   top: 366px;   
   z-index: 10;
   padding-left: 0;
   text-align : left;
}

.elt_menu_hiver
{
   /*background-color: #0b7170; vraie couleur*/
   background-color: #0b7170;/*couleur test*/
   background-image: url("../images/flocon.bmp");
   background-repeat: no-repeat;
   /*background-color:transparent;*/
	filter:alpha(opacity=99);    /* Fonctionne pour IE        */
	-moz-opacity:.99;        /* La propriété de Mozilla    */
	opacity:.99; 
	
   border: 0;
   
   padding: 0;
   height: 100px;
}
/*
.elt_menu_hiver:before
{
	content: "";
}
*/


.elt_menu_hiver ul
{
   /*list-style-image: url("../images/puce.png");*/ 
   margin: 0;
   padding: 0;
}

.elt_menu_hiver li {
  position: relative;
  left: 35px;
  list-style: none;
}

.elt_menu_hiver a
{
   color: #ffffff;
   text-decoration:none;
}

.elt_menu_hiver a:hover
{
   color: #ffd700;
}

#menu_ete
{
   float: left;
   width: 147px;
   position: absolute;
   top: 416px;   
   z-index: 20;
   padding-left: 0;
   text-align : left;
}

.elt_menu_ete
{
   /*background-color: #0b7170; vraie couleur*/
   background-color: #004040;/*couleur test*/
   background-image: url("../images/soleil.bmp");
   background-repeat: no-repeat;
   /*background-color:transparent;*/
	filter:alpha(opacity=99);    /* Fonctionne pour IE        */
	-moz-opacity:.99;        /* La propriété de Mozilla    */
	opacity:.99; 
	
   border: 0;
   
   padding: 0;
   height: 63px;
}
/*
.elt_menu_ete:before
{
	content: "";
}
*/

.elt_menu_ete ul
{
   margin: 0;
   padding: 0;
}

.elt_menu_ete li {
  position: relative;
  top: 4px;
  left: 35px;
  list-style: none;
}

.elt_menu_ete a
{
   color: #ffcb3f;
   text-decoration: none;
}

.elt_menu_ete a:hover
{
   color: #ffffff;
}

#menu_gite
{
   float: left;
   width: 147px;
   position: absolute;
   top: 490px;   
   z-index: 10;
   padding-left: 0;
   text-align : left;
}

.elt_menu_gite
{
   background-color: #0b7170;
   background-image: url("../images/prat_haut.bmp");
   background-repeat: no-repeat;
	
   border: 0;
   
   padding: 0;
   height: 20px;
}


.elt_menu_gite ul
{
   margin: 0;
   padding: 0;
}

.elt_menu_gite li {
  position: relative;
  top: 2px;
  left: 35px;
  list-style: none;
}

.elt_menu_gite a
{
   color: #ffffff;
   text-decoration:none;
}

.elt_menu_gite a:hover
{
   color: #ffd700;
}



#etrans
{
   float: left;
   width: 147px;
   position: absolute;
   top: 525px;   
   z-index: 10;
   padding-left: 3;
   text-align : left;
}

.elt_etrans
{
   background-color: #ffffff;
   background-image: url("../images/etrans.jpg");
   background-repeat: no-repeat;
	
   border: 0;
   
   padding: 0;
   height: 40px;
}


.elt_etrans ul
{
   margin: 0;
   padding: 0;
}

.elt_etrans li {
  position: relative;
  top: 2px;
  left: 35px;
  list-style: none;
}



/************************************ Fin les menus *************************/

/************************************ Page accueil *************************/

#cadre
{
   background-color: #ffffff;
   position: relative;
   top: 0;
   left: 0;
   width: 800px;
   height: 735px;   
   text-align : left;
}

/********** Illustrations **********/

.photo_bas
{
   margin: 0;
   padding: 0;
   position: absolute;
   top: 488px;   
   left: 361px;
   z-index: 10;
}


/********** Moteur de recherche **********/

.ie6_recherche_btn_ok
{     
   position: absolute;
   top: 169px;  
   left: 450px;   
   z-index: 20;
}

.recherche_btn_ok
{     
   background-image: url("../images/btn_ok.bmp");
   width: 27px;
   height: 19px;
   
   position: absolute;
   top: 169px;  
   left: 738px;   
   z-index: 20;
}

.recherche_btn_ok:hover
{   
   background-image: url("../images/btn_ok_on.bmp");
}

.recherche_form
{   
   margin: 0;
}

.fd_recherche
{
   position: absolute;
   top: 75px;  
   left: 575px;   
   z-index: 20;
}

.titre_recherche
{   
   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-weight: bold;   
   font-size: 11px;
   color: #008080;
   position: absolute;
   top: 78px;
   left: 585px;
   z-index: 30;
}

.recherche_type
{   
   position: absolute;
   top: 95px;
   left: 600px;      
   z-index: 30;
   
   background-color: #ffffff;
   width: 150px;
   border: 0;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #004040;
}

.recherche_periode
{   
   position: absolute;
   top: 120px;
   left: 600px;      
   z-index: 30;   
   
   background-color: #ffffff;
   width: 150px;
   border: 0;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #004040;
}

.recherche_mot-cle
{   
   position: absolute;
   top: 145px;
   left: 600px;      
   z-index: 30;
}

.option
{
   font-family: Arial, Verdana, "Times New Roman", Times, serif;   
   font-size: 11px;
   color: #333333;
}

/************************************ Les 3 encarts *************************/

#encarts
{
   margin-left: 147px;
   margin-right: 0;
   margin-bottom: 0;
   padding: 0;
   position: absolute;
   top: 309px;
   z-index: 20;
}

.fleche_encarts
{
   position: absolute;
   top: 579px;
   left: 560px;
   z-index: 30;   
}

.elt_fleche_encarts a
{
   position: absolute;
   top: 580px;
   left: 590px;
   
   font-weight: bold;
   color: #ffffff;
   text-decoration: none;
   z-index: 30;  
}

.elt_fleche_encarts a:hover
{   
   text-decoration: underline;
}

/********** Encart 1 **********/

.photo_encart1
{
   position: absolute;
   top: 360px;
   left: 185px;
   z-index: 30;   
}

.date_encart1
{
   position: absolute;
   top: 340px;
   left: 185px;
   z-index: 30;
}

.ie6_titre_encart1
{
   position: absolute;
   top: 485px;
   left: 185px;
   
   font-weight: bold;
   color: #000000;
   z-index: 30;  
}

.titre_encart1 a
{
   position: absolute;
   top: 485px;
   left: 185px;
   
   font-weight: bold;
   color: #000000;
   text-decoration: none;
   z-index: 30;  
}

.titre_encart1 a:hover
{   
   color: #ffa500;
}

.ie6_desc_encart1
{
   position: absolute;
   top: 500px;
   left: 185px;
   width: 166px;
   
   color: #000000;
   z-index: 30;  
}
.desc_encart1 a
{
   position: absolute;
   top: 500px;
   left: 185px;
   width: 166px;
   
   color: #000000;
   text-decoration: none;
   z-index: 30;  
}

.prix_encart1
{
   position: absolute;
   top: 542px;
   left: 242px;
   
   font-weight: bold;
   color: #af0000;
   z-index: 30;
}


/********** Encart 2 **********/

.photo_encart2
{
   position: absolute;
   top: 360px;
   left: 394px;
   z-index: 30;   
}

.date_encart2
{
   position: absolute;
   top: 340px;
   left: 394px;
   z-index: 30;
}

.ie6_titre_encart2
{
   position: absolute;
   top: 485px;
   left: 394px;
   
   font-weight: bold;
   color: #000000;
   z-index: 30;  
}

.titre_encart2 a
{
   position: absolute;
   top: 485px;
   left: 394px;
   
   font-weight: bold;
   color: #000000;
   text-decoration: none;
   z-index: 30;  
}

.titre_encart2 a:hover
{   
   color: #ffa500;
}

.ie6_desc_encart2
{
   position: absolute;
   top: 500px;
   left: 394px;
   width: 166px;
   
   color: #000000;
   z-index: 30;  
}

.desc_encart2 a
{
   position: absolute;
   top: 500px;
   left: 394px;
   width: 166px;
   
   color: #000000;
   text-decoration: none;
   z-index: 30;  
}

.prix_encart2
{
   position: absolute;
   top: 542px;
   left: 451px;
   
   font-weight: bold;
   color: #af0000;
   z-index: 30;
}

/********** Encart 3 **********/

.photo_encart3
{
   position: absolute;
   top: 360px;
   left: 603px;
   z-index: 30;   
}

.date_encart3
{
   position: absolute;
   top: 340px;
   left: 603px;
   z-index: 30
}

.ie6_titre_encart3
{
   position: absolute;
   top: 485px;
   left: 603px;
   
   font-weight: bold;
   color: #000000;
   z-index: 30;  
}

.titre_encart3 a
{
   position: absolute;
   top: 485px;
   left: 603px;
   
   font-weight: bold;
   color: #000000;
   text-decoration: none;
   z-index: 30;  
}

.titre_encart3 a:hover
{   
   color: #ffa500;
}

.ie6_desc_encart3
{
   position: absolute;
   top: 500px;
   left: 603px;
   width: 166px;
   
   color: #000000;
   z-index: 30;  
}

.desc_encart3 a
{
   position: absolute;
   top: 500px;
   left: 603px;
   width: 166px;
   
   color: #000000;
   text-decoration: none;
   z-index: 30;  
}

.prix_encart3
{
   position: absolute;
   top: 542px;
   left: 660px;
   
   font-weight: bold;
   color: #af0000;
   z-index: 30;
}

/************************************ Fin les 3 encarts *************************/


/********** Sélection 5 produits **********/

.fd_titre_selection_5
{
   position: absolute;
   top: 570px;
   left: 30px;
   z-index: 20;   
}

.titre_selection_5
{
   position: absolute;
   top: 579px;
   left: 85px;
   font-family: "Arial Black", Arial, Verdana, "Times New Roman", Times, serif;   
   font-size: 11px;
   color: #000000;
   z-index: 30;  
}

.selection_5 ul
{
   position: absolute;
   top: 600px;
   left: 110px;
}

.selection_5 li
{
   list-style-image: url("http://www.queyras-rando-nature.com/images/disc.bmp");
   /* list-style-type: circle /* petit cercle vide */
   /* list-style-type: square /* petit carré plein */  
}

.selection_5 a
{   
   position: relative;
   bottom: 2px;
   font-family: Arial, Verdana, "Times New Roman", Times, serif;
   color: #000000;
   text-decoration: none;
}

.selection_5 a:hover
{   
   color: #555555;
   text-decoration: underline;
}

/************************************ Page liste séjours *************************/

#cadre_liste_sejours
{
   background-color: #ffffff;
   position: relative;
   top: 0;
   width: 800px;
   height: 350px;   
   text-align : left;
}

.legende_icones
{   
   position: absolute;
   top: 580px;
   left: 0;      
   z-index: 30;
   border: none;
}

/********** Filtre sejours **********/

.titre_filtre
{   
   position: absolute;
   top: 260px;
   left: 515px;
   
   font-family: Arial, Verdana, "Times New Roman", Times, serif;
   font-weight: bold;
   color: #000000;   
   
   z-index: 20;
}

.filtre
{
   position: absolute;
   top: 285px;
   left: 515px;
   font-family: Arial, Verdana, "Times New Roman", Times, serif;   
   font-size: 11px;
   color: #000000;
   word-spacing: 6px;
   z-index: 20;
}

.filtre a
{   
   color: #777777;
   text-decoration: none;
   word-spacing: 0;
}

.filtre a:hover
{   
   color: #444444;
   text-decoration: underline;
}


/********** Moteur de recherche **********/

input
{
   background-color: #ffffff;
   width: 150px;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #004040;
}
/*
select
{
   background-color: #ffffff;
   width: 150px;
   border: 0;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #004040;
}
*/

.recherche_form_liste_sejours
{   
   margin: 0;
}

.ie6_recherche_btn_ok_liste_sejours
{     
   position: absolute;
   top: 185px;  
   left: 417px;   
   z-index: 20;
}

.recherche_btn_ok_liste_sejours
{   
   background-image: url("../images/btn_ok.bmp");
   width: 27px;
   height: 19px;
   
   position: relative;
   top: 187px;  
   left: 705px;   
   z-index: 20;
}

.recherche_btn_ok_liste_sejours:hover
{   
   background-image: url("../images/btn_ok_on.bmp");
}

.fd_cadre_recherche_liste_sejours
{
   background-image: url("../images/fd_cadre_recherche.bmp");
   background-repeat: repeat;
   
   width: 308px;
   height: 180px;
   
   position: absolute;
   top: 61px;  
   left: 490px;   
   z-index: 10;
}

.fd_recherche_liste_sejours
{
   background-color: #004040;
   width: 200px;
   height: 120px;
   
   position: absolute;
   top: 90px;  
   left: 545px;   
   z-index: 20;
}

.titre_recherche_liste_sejours
{   
   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-weight: bold;   
   font-size: 11px;
   color: #ffffff;
   position: absolute;
   top: 93px;
   left: 555px;
   z-index: 30;
}

.recherche_type_liste_sejours
{   
   position: absolute;
   top: 110px;
   left: 570px;      
   z-index: 30;
   
   background-color: #ffffff;
   width: 150px;
   border: 0;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #004040;
}

.recherche_periode_liste_sejours
{   
   position: absolute;
   top: 135px;
   left: 570px;      
   z-index: 30;
   
   background-color: #ffffff;
   width: 150px;
   border: 0;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #004040;
}

.recherche_mot-cle_liste_sejours
{   
   position: absolute;
   top: 160px;
   left: 570px;      
   z-index: 30;
}

.option
{
   font-family: Arial, Verdana, "Times New Roman", Times, serif;   
   font-size: 11px;
   color: #333333;
}

/********** tableau des sejours **********/

#principal
{
   background-color: #ffffff;
   
   position: absolute;
   top: 345px;
   left: 0;
   
   width: 100%;
}

.interne
{
   border: 0;
}

td
{
   padding: 0;
   margin: 0;
   background-color: #ffffff;
   font-size: 11px;
   color: #000000;
}

.icone
{
   position: relative;
   top: 1px;
}

/************************************ Page detail séjour *************************/

.interne_infos
{
   border: 0;
}

.description_sejour
{
   text-align: justify;
   padding: 10px;
}

/************************************ Inscription *******************************/

.insc_nom 
{
   background-color: #ffffff;
   width: 130px;
   border: 1px solid #0b7170;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #000000;
}

.insc_prenom
{
   background-color: #ffffff;
   width: 115px;
   border: 1px solid #0b7170;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #000000;
}

.insc_ddn
{
   background-color: #ffffff;
   width: 60px;
   border: 1px solid #0b7170;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #000000;
}

.insc_select_civ
{
   background-color: #ffffff;
   width: 48px;
   border: 1px solid #0b7170;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #000000;
}

.insc_select_ass
{
   background-color: #ffffff;
   width: 48px;
   border: 1px solid #0b7170;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #000000;
}

.insc_select_pass
{
   background-color: #ffffff;
   width: 95px;
   border: 1px solid #0b7170;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #000000;
}

.insc_select_part
{
   background-color: #ffffff;
   width: 40px;
   border: 1px solid #0b7170;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #000000;
}

.insc_select_promo
{
   background-color: #ffffff;
   width: 130px;
   border: 1px solid #0b7170;

   font-family: Arial, Verdana, "Times New Roman", Times, serif;  
   font-size: 11px;
   color: #000000;
}
/************************************* nous rejoindre *******************************/

.rj{
	position: absolute;
	top: 255px;
	left: 520px;
	text-align: left;
    z-index: 30;
}

/************************************* inscription *******************************/

.etapes{
	position: absolute;
	top: 265px;
	left: 530px;
	text-align: left;	
    color: #888888;
    z-index: 30;
}

.td_detail_part td{
	background-color: #ffffff;
	padding: 3px;
	text-align: center;
}

a.retour{
color:#0b7170;
font-weight:bold;
text-decoration:none;
}

a.retour:hover{
color:#ffa500;
}