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

a.bouton_sejour 
{
display:block ; 
background-image: url(./graph/sejour-m.jpg); 
background-repeat: no-repeat;
} 

a.bouton_sejour:hover
{
background-image: url(./graph/sejour-b.jpg);
}

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

/* ---------------------------------------------Le bouton circuit- ----------------- ---------------------------------------*/

a.bouton_circuit 
{
display:block ; 
background-image: url(./graph/circuit-m.jpg); 
background-repeat: no-repeat;
} 

a.bouton_circuit:hover
{
background-image: url(./graph/circuit-b.jpg);
}

span.Bcircuit
{
position: absolute;
top: 325 ;
left: 12;
}

/* ---------------------------------------------Le bouton croisiere- ----------------- ---------------------------------------*/

a.bouton_croisiere 
{
display:block ; 
background-image: url(./graph/croisiere-m.jpg); 
background-repeat: no-repeat;
} 

a.bouton_croisiere:hover
{
background-image: url(./graph/croisiere-b.jpg);
}

span.Bcroisiere
{
position: absolute;
top: 345 ;
left: 12;
}

/* ---------------------------------------------Le bouton weekend ----------------- ---------------------------------------*/

a.bouton_weekend 
{
display:block ; 
background-image: url(./graph/weekend-m.jpg); 
background-repeat: no-repeat;
} 

a.bouton_weekend:hover
{
background-image: url(./graph/weekend-b.jpg);
}

span.Bweekend
{
position: absolute;
top: 365 ;
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: 40px;
left: 30px;
}

div.phototv
 {
position: absolute;
top: 108px;
left: 61px;
}


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

img.cadeaux
{
position: absolute;
top: 60px;
left: 350px;
}

div.defile
{
position: absolute;
top: 244px;
left: 95px;
}

div.prive
{
position: absolute;
top: 430px;
left: 20px;
}

/* ---------------------------------------------Le bouton telecommandel - ----------------- ---------------------------------------*/

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

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

span.Btelecommande
 {
position: absolute;
top: 290px;
left: 30px;
}


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

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: 12px;
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;
}