/* Definition BODY*/ 

body
{
margin: 0 0 0 0;
font-family: arial, verdana, serif;
}

/* ---------------------------------------------HEAD FOOT BOIS GAUCHE ---------------------------------------*/


img.head
{
position: absolute; 
top: 0 ;
left: 0 ;
}


img.boisgauche
{
position: absolute; 
top: 109 ;
left: 0;
}

/* ---------------------------------------------Les boutons- ----------------- ---------------------------------------*/

a img
{
border-style:none ;
} 

/* ---------------------------------------------Le bouton EMAIL- ----------------- ---------------------------------------*/
a.bouton_email 
{
display:block ; 
background-image: url(./graph/email1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_email:hover
{
background-image: url(./graph/email2.jpg);
}

span.Bemail
{
position: absolute;
top: 105 ;
left: 166;
}


/* ---------------------------------------------Le VALISE PROMO - ----------------- ---------------------------------------*/

a.bouton_promo 
{
display:block ; 
background-image: url(./graph/boutonpromo1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_promo:hover
{
background-image: url(./graph/boutonpromo2.jpg);
}

span.Bpromo
{
position: absolute;
top: 107 ;
left: 0;
}

/* ---------------------------------------------Le bouton vol - ----------------- ---------------------------------------*/

a.bouton_vol 
{
display:block ; 
background-image: url(./graph/boutonvol1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_vol:hover
{
background-image: url(./graph/boutonvol2.jpg);
}

span.Bvol
{
position: absolute;
top: 222 ;
left: 10 ;
}

/* ---------------------------------------------Le bouton voyage sur mesure - ----------------- ---------------------------------------*/

a.bouton_terre 
{
display:block ; 
background-image: url(./graph/boutonterre1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_terre:hover
{
background-image: url(./graph/boutonterre2.jpg);
}

span.Bterre
{
position: absolute;
top: 299 ;
left: 12;
}


/* ---------------------------------------------Le bouton GUIDE - ----------------- ---------------------------------------*/

a.bouton_guide 
{
display:block ; 
background-image: url(./graph/boutonguide1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_guide:hover
{
background-image: url(./graph/boutonguide2.jpg);
}

span.Bguide
{
position: absolute;
top: 391 ;
left: 13;
}

/* ---------------------------------------------Le bouton NEWS - ----------------- ---------------------------------------*/

a.bouton_news 
{
display:block ; 
background-image: url(./graph/boutonnews1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_news:hover
{
background-image: url(./graph/boutonnews2.jpg);
}

span.Bnews
{
position: absolute;
top: 471 ;
left: 12;
}

/* ---------------------------------------------Le bouton brochures- ----------------- ---------------------------------------*/

a.bouton_brochure 
{
display:block ; 
background-image: url(./graph/boutonbrochure1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_brochure:hover
{
background-image: url(./graph/boutonbrochure2.jpg);
}

span.Bbrochure
{
position: absolute;
top: 534 ;
left: 0;
}
/* ---------------------------------------------Le bouton plan- ----------------- ---------------------------------------*/

a.bouton_plan 
{
display:block ; 
background-image: url(./graph/boutonplan1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_plan:hover
{
background-image: url(./graph/boutonplan2.jpg);
}

span.Bplan
{
position: absolute;
top: 625 ;
left: 0;
}




/* ---------------------------------------------Le bouton Francais- ----------------- ---------------------------------------*/

a.bouton_francais 
{
display:block ; 
background-image: url(./graph/boutonfrancais1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_francais:hover
{
background-image: url(./graph/boutonfrancais2.jpg);
}

span.Bfrancais
{
position: absolute;
top: 108 ;
left: 796;
}

/* ---------------------------------------------Le bouton Anglais- ----------------- ---------------------------------------*/

a.bouton_anglais 
{
display:block ; 
background-image: url(./graph/boutonanglais1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_anglais:hover
{
background-image: url(./graph/boutonanglais2.jpg);
}

span.Banglais
{
position: absolute;
top: 110 ;
left: 838;
}
/* ---------------------------------------------Le bouton ITALIEN retiré sur decision de marie 28 nov 06 ----------------------

a.bouton_italien 
{
display:block ; 
background-image: url(./graph/boutonitalien1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_italien:hover
{
background-image: url(./graph/boutonitalien2.jpg);
}

span.Bitalien
{
position: absolute;
top: 108;
left: 875;
}
 ----------------------------------------------------------------------------------------------------------------/*


/* ---------------------------------------------Le bouton HOME- ----------------- ---------------------------------------*/

a.bouton_home 
{
display:block ; 
background-image: url(./graph/boutonhome1.jpg); 
background-repeat: no-repeat;
} 

a.bouton_home:hover
{
background-image: url(./graph/boutonhome2.jpg);
}

span.Bhome
{
position: absolute;
top: 98;
left: 890;
}


/* ---------------------------------------------Position page Principale------------------ ------------------------------------------------------------------------------------------------------------------*/

div.pagecentre
{
position: absolute;
top: 150px ;
left: 150px ;
font-size: 12px;
color: #6b3f0a;
width: 790px;
}

div.decalagebordure
{
position: relative;
left: 20px;
}



/* ---------------------------------------------CONTOUR BOIS DE LA PAGE PRINCIPALE-------- ---------------------------------------*/

div.bordure-top
{
	  padding-top: 15px;
      border-left: 0px solid; 
	  border-right: 0px solid;  
	  background-image: url(./graph/Bordure-page-principale-haut.jpg);  
	  background-position: top;   
	  background-repeat: repeat-x;
}
	  
div.bordure-centre
{
	  background-image: url(./graph/Bordure-page-principale-centre.jpg);  
	  background-position: center; 
	  background-repeat: repeat-y; 
}

div.bordure-bottom 
{
      padding: 0px 7px 100px 7px;  
	  background-image: url(./graph/Bordure-page-principale-foot.jpg);  
	  background-position: bottom; 
	  background-repeat: repeat-x;  
}

/* ---------------------------------------------CSS PAGEINDEX ----------------------------------------------- ---------------------------------------*/	  
img.tvbois
{
position: absolute;
top: 140px;
left: 20px;
}

div.phototv
 {
position: absolute;
top: 206px;
left: 49px;
}

img.ecranblanc
{
position: absolute;
top: 180px;
left: 350px;
}

div.ecranblanc
{
position: absolute;
top: 225px;
left: 385px;
}

div.phototv
 {
position: absolute;
top: 206px;
left: 49px;
}

span.bienvenue
{
font-size: 16px;
font-weight: 900;
}



/* ---------------------------------------------Position page PUB - PAGEDROITE -- DE LA PAGE PROMO------------------ ------------------------------------------------------------------*/

div.pagedroite
{
position: absolute;
top: 90px;
left: 545px;
font-size: 12px;
color: #6b3f0a;
height: 290px;
width: 150px;
border: 2px;
border-style: solid;
border-color: #9ea6e2;
}


/* ---------------------------------------------Le ticket PROMO  ----------------------------------------------- ---------------------------------------*/

	
div.lapromo
{
margin-top: 40px;
width: 570px;
}

div.photogauche
{
float : left;
width: 150px;
height: 100px;
}

img.photopays
{
margin-top:3px;
border: 3px;
border-style: dashed;
border-color: #9ea6e2;
}

div.infopromo
{
float: right;
}

span.destination
{
padding-top:3px;
font-style: normal;
font-size: 16px;
font-weight: 900;
text-decoration: none;
text-align: center;
color: #FFFFff;
background-color: #9ea6e2;
width: 215px;
}

span.prixpromo
{
padding-top:3px;
font-style: normal;
font-size: 15px;
font-weight: 900;
text-decoration: none;
text-align: center;
color: #FFFFff;
background-color: #fa0a2b;
width: 185px;
border: 2px;
border-style: dashed;
border-color: #9ea6e2;
}


span.titrepromo
{
padding-top:3px;
padding-bottom:3px;
font-size: 14px;
font-weight: 900;
text-align: center;
width: 400px;
color: #FFFFff;
background-color: #9ea6e2;

}

div.detailspromo
{
margin-top: 4px;
margin-bottom: 4px;
font-size: 13px;
color: #2218fb;
float: left;
text-align: justify;
width: 400px;
}

div.ensavoirplus
{
font-size: 10px;
font-weight: 900;
color: #020eff;
border: 1px;
border-style: solid;
width: 400px;
height: 18px;
background-color: #9ea6e2;
border-color: #474a67;
text-align: center ;
float: left;
}

/* --------------------------------------------LA PAGE DE DEMANDE DE BROCHURES  ----------------------------------------------- ---------------------------------------*/

div.formulairebrochure
{
color: #874400;
font-size: 11px;
text-align: left;
}