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


/********** 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: 15px;
   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: 2px;
   
   position: absolute;
   top: 45px;
   left: 615px;
   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: 220px;
   height: 125px;
   position: absolute;
   top: 338px;   
   z-index: 10;
   padding-left: 1px;
   text-align : left;
}


#adresse
{
   float: left;
   width: 215px;
   position: absolute;
   top: 366px;   
   z-index: 10;
   padding-left: 7px;
   text-align : left;
   color: #ffffff;
}

a{
	color:#ffffff;
	text-decoration: none;
 }
 
 a:hover{
	text-decoration: underline;
 }

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

.elt_lien
{
   background-color: #004040;
   background-repeat: no-repeat;
	
   border: 0;
   
   padding: 0;
   height: 20px;
}


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

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

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

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

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


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

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


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


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

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

.logo_gitefrance
{   
   position: absolute;
   top: 1050px;
   left: 700px;      
   z-index: 30;
   border: none;
}

.logo_queyras
{   
   position: absolute;
   top: 1050px;
   left: 30px;      
   z-index: 30;
   border: none;
}

.image1
{      
   position: absolute;
   top: 15px;  
   left: 400px;   
   border: 2px solid #0b7170;
   z-index: 30;
}

.image2
{      
   position: absolute;
   top: 70px;  
   left: 550px;   
   border: 2px solid #0b7170;
   z-index: 31;
}

.image3
{      
   position: absolute;
   top: 185px;  
   left: 590px;   
   border: 2px solid #0b7170;
   z-index: 32;
}

.image4
{      
   position: absolute;
   top: 305px;  
   left: 495px;   
   border: 2px solid #0b7170;
   z-index: 33;
   clear:both;
}


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


.tab_tarifs
{
   background-color: #aaaaaa;
   font-size: 11px;
   color: #000000;
   text-align: center;
}

.tab_tarifs td
{
   background-color: #ffffff;
}