/* CSS Document */
html, body {
margin:0;
padding:0;
height:100%;
font:90% Verdana, Arial, Helvetica, sans-serif;
background-color:#ffffff;
}
* {
margin:0;
padding:0;
}


/* Page d'accueil */
div#conteneur_accueil {
position:relative;
background:url('../images/background_index.jpg') no-repeat top center;
width:100%;
height:800px;
}
div#lien_anim {
z-index:5;
position:absolute;
left:50%; 
top:75px;
width:810px;
height:675px;
margin-left:-405px;
}
div#anim {
z-index:1;
position:absolute;
left:50%; 
top:75px;
width:810px;
height:675px;
margin-left:-405px;
}


/* Pages intérieures */
div#conteneur {
position:relative;
background:url('../images/background.jpg') no-repeat top center;
width:100%;
height:850px;
}
div#lien_anim2 {
z-index:5;
position:absolute;
left:50%; 
top:0;
width:1347px;
height:132px;
margin-left:-673px;
}
div#anim2 {
z-index:1;
position:absolute;
left:50%; 
top:0;
width:1347px;
height:132px;
margin-left:-673px;
}


/* Le contenu */
div#contenu {
width:808px;
margin:0 auto;
height:662px;
position:relative;
}


/* Le menu */
div#menu {
position:absolute;
right:0;
top:133px;
z-index:10;
width:133px;
height:403px;
text-align:center;
background:url('../images/background_menu.jpg') no-repeat top center;
}
div#menu a {
display:block;
margin:20px 0 35px 0;
color:#ffffff;
text-decoration:none;
text-transform:uppercase;
font-size:11px;
line-height:11px;
font-weight:normal;
}
div#menu a:hover {
color:#DC931A;
font-weight:bold;
}
div#menu a#menu_actif {
color:#DC931A;
font-weight:bold;
}


/* Page station */
.station_texte {
width:469px;
height:187px;
text-align:justify;
padding:35px;
font-size:11px;
line-height:18px;
font-weight:normal;
z-index:100;
}
.station_station {
width:229px;
height:218px;
text-align:left;
padding:25px 20px;
font-size:10px;
line-height:13px;
font-weight:normal;
color:#ffffff;
z-index:100;
background:url('../images/background_station_station.jpg') no-repeat top left;
}
.station_station_nl {
width:229px;
height:238px;
text-align:left;
padding:15px 20px 15px 20px;
font-size:10px;
line-height:13px;
font-weight:normal;
color:#ffffff;
z-index:100;
background:url('../images/background_station_station.jpg') no-repeat top left;
}
.h1_station {
font-size:20px;
line-height:20px;
font-weight:normal;
color:#003366;
margin:0 0 20px 0;
}
.h2_station {
font-size:11px;
line-height:13px;
font-weight:bold;
color:#D57E1C;
margin:0 0 12px 0;
}


/* Page environnement */
.environnement_texte {
width:338px;
height:271px;
text-align:justify;
padding:26px 33px;
font-size:11px;
line-height:18px;
font-weight:normal;
z-index:100;
}
.environnement_texte_2 {
width:229px;
height:272px;
text-align:left;
padding:60px 20px;
font-size:11px;
line-height:18px;
font-weight:normal;
z-index:100;
background:url('../images/background_environnement_2.jpg') no-repeat top left;
}
.h1_environnement {
font-size:20px;
font-weight:normal;
color:#003366;
margin:0 0 20px 0;
}
.h2_environnement {
font-size:20px;
line-height:24px;
font-weight:normal;
color:#003366;
margin:0 0 0 0;
}


/* Page hameau */
.hameau_texte {
width:338px;
height:271px;
text-align:justify;
padding:10px 33px;
font-size:11px;
line-height:18px;
font-weight:normal;
z-index:100;
}
.h1_hameau {
font-size:20px;
line-height:24px;
font-weight:normal;
color:#003366;
margin:0 0 20px 0;
}


/* Page chalets */
.chalets_texte {
width:219px;
height:661px;
text-align:left;
padding:20px 25px 0 25px;
font-size:11px;
line-height:18px;
font-weight:normal;
z-index:100;
background:url('../images/background_chalets_1.jpg') no-repeat top left;
}
.chalets_texte_nl {
width:238px;
height:661px;
text-align:left;
padding:20px 10px 0 21px;
font-size:11px;
line-height:18px;
font-weight:normal;
z-index:100;
background:url('../images/background_chalets_1.jpg') no-repeat top left;
}
.chalets_texte_2 {
width:113px;
height:95px;
text-align:left;
padding:40px 10px 0 10px;
font-size:9px;
line-height:10px;
font-weight:normal;
font-style:italic;
z-index:100;
}
.chalets_texte_2_nl {
width:113px;
height:95px;
text-align:left;
padding:30px 10px 0 10px;
font-size:9px;
line-height:10px;
font-weight:normal;
font-style:italic;
z-index:100;
}
.h1_chalets {
font-size:13px;
line-height:15px;
font-weight:bold;
color:#000000;
margin:0 0 12px 0;
}
.plan_chalets_1 {
position:absolute;
top:273px;
left:23px;
z-index:150;
}
.plan_chalets_2 {
position:absolute;
top:441px;
left:23px;
z-index:150;
}
.plan_chalets_3 {
position:absolute;
top:607px;
left:23px;
z-index:150;
}
.plan_chalets_1_nl {
position:absolute;
top:433px;
left:59px;
z-index:150;
}
.plan_chalets_2_nl {
position:absolute;
top:547px;
left:59px;
z-index:150;
}
.plan_chalets_3_nl {
position:absolute;
top:663px;
left:59px;
z-index:150;
}


/* Page plan d'accès */
.plan_acces_texte {
width:490px;
height:200px;
text-align:left;
padding:35px 30px 0 30px;
font-size:12px;
line-height:16px;
font-weight:normal;
z-index:100;
}
.plan_acces_texte_bleu {
color:#003366;
font-weight:bold;
}
.h1_plan_acces {
font-size:12px;
line-height:17px;
font-weight:bold;
color:#003366;
margin:0 0 12px 0;
}


/* Page diaporama */
.diaporama_texte {
width:618px;
height:200px;
text-align:left;
padding:35px 30px 0 30px;
color:#80B0D8;
font-size:12px;
line-height:18px;
font-weight:normal;
z-index:100;
}
.h1_diaporama {
font-size:20px;
line-height:20px;
font-weight:normal;
color:#003366;
margin:0 0 20px 0;
}
#flashcontent {
width:674px;
height:662px;
}


/* Page contact */
.contact_texte {
width:618px;
height:200px;
text-align:left;
padding:35px 30px 0 30px;
font-size:12px;
line-height:16px;
font-weight:normal;
z-index:100;
}
.h1_contact {
font-size:20px;
line-height:20px;
font-weight:normal;
color:#003366;
margin:0 0 20px 0;
}


/* Page mentions légales */
.mentions_texte {
width:618px;
height:200px;
text-align:left;
padding:35px 30px 0 30px;
font-size:12px;
line-height:16px;
font-weight:normal;
z-index:100;
}
.mentions_texte_bleu {
color:#003366;
font-weight:bold;
}
.h1_mentions {
font-size:20px;
line-height:20px;
font-weight:normal;
color:#003366;
margin:0 0 20px 0;
}


/* Page plan du site */
.plan_du_site_texte {
width:618px;
height:200px;
text-align:left;
padding:35px 30px 0 30px;
color:#80B0D8;
font-size:12px;
line-height:18px;
font-weight:normal;
z-index:100;
}
.plan_du_site_texte ul {
margin-left:30px;
}
.plan_du_site_texte a {
color:#003366;
text-decoration:none;
}
.plan_du_site_texte a:hover {
text-decoration:underline;
}
.h1_plan_du_site {
font-size:20px;
line-height:20px;
font-weight:normal;
color:#003366;
margin:0 0 20px 0;
}


/* Page plan du site */
.liens_texte {
width:618px;
height:200px;
text-align:left;
padding:35px 30px 0 30px;
color:#80B0D8;
font-size:12px;
line-height:18px;
font-weight:normal;
z-index:100;
}
.h1_liens {
font-size:20px;
line-height:20px;
font-weight:normal;
color:#003366;
margin:0 0 20px 0;
}


/* Le positionnement de chaque bloc */
.l1 {
position:absolute;
top:133px;
}
.l2 {
position:absolute;
top:267px;
}
.l3 {
position:absolute;
top:402px;
}
.l4 {
position:absolute;
top:537px;
}
.l5 {
position:absolute;
top:672px;
}
.c1 {
position:absolute;
left:0;
}
.c2 {
position:absolute;
left:135px;
}
.c3 {
position:absolute;
left:270px;
}
.c4 {
position:absolute;
left:405px;
}
.c5 {
position:absolute;
left:540px;
}


/* Le bas de page */
div#bas_de_page {
position:absolute;
left:50%; 
bottom:0;
width:810px;
margin-left:-405px;
height:40px;
color:#80B0D8;
font-size:10px;
line-height:19px;
}
div#bas_de_page a {
color:#003366;
text-decoration:none;
}
div#bas_de_page a:hover {
text-decoration:underline;
}
img#drapeau_fr {
position:absolute;
right:295px;
bottom:7px;
}
img#drapeau_en {
position:absolute;
right:266px;
bottom:7px;
}
img#drapeau_nl {
position:absolute;
right:237px;
bottom:7px;
}
img#logo {
position:absolute;
right:0;
bottom:7px;
}































/* A SUPPRIMER QUAND SITE EN LIGNE */
/* Page d'accueil */
div#conteneur_tem {
     position:absolute;
     left: 50%; 
     top: 0;
     width: 1600px;
     height: 1300px;
     margin-top: 0;
     margin-left: -800px; /* moitié de la largeur */
	 background:white;
     }
	 
div#fond_anim {
position:relative;
background:url(../accueil.jpg) no-repeat top center;
width:100%;
height:1375px;
}
div#anim {
z-index:1;
position:absolute;
left: 50%; 
top: 75px;
width: 810px;
height: 675px;
margin-left: -405px; /* moitié de la largeur */
}
div#lien_anim {
z-index:5;
position:absolute;
left: 50%; 
top: 75px;
width: 810px;
height: 675px;
margin-left: -405px; /* moitié de la largeur */
}

img {
border:0;
}

div#fond_anim2 {
position:relative;
background:url(../page.jpg) no-repeat top center;
width:100%;
height:1375px;
}
div#anim2 {
z-index:1;
position:absolute;
left: 50%; 
top: 0;
width: 1347px;
height: 132px;
margin-left: -673px; /* moitié de la largeur */
}
div#lien_anim2 {
z-index:5;
position:absolute;
left: 50%; 
top: 0;
width: 1347px;
height: 132px;
margin-left: -673px; /* moitié de la largeur */
}