body, div, form, fieldset, ul, ol, table {
margin: 0; 
padding: 0;
}

body
{
width: 780px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px; 
background-color:rgb(33,34,65);
font-family:Palatino Linotype, Garamond, Arial,serif;
 }
 
div#ban {
width: 775px;
height:240px;
margin:auto;
background-image:url("images/banniere-titre.jpg");
border-right :rgb(90,55,7) 2px solid;
border-left :rgb(90,55,7) 2px solid;
border-top :rgb(90,55,7) 2px solid;
}

div#menu_haut
{
height:30px;
width:780px;

}

div.lienhaut_gauche
{
background-image: url("images/bois.jpg");
width:394px;
float:left;
height:30px;
text-align:center;
font-size:1,5em;
border-left:rgb(90,55,7) 8px solid;
}

div.lienhaut
{
background-image: url("images/bois.jpg");
width:373px;
float:left;
height:30px;
text-align:center;
font-size:1,5em;
border-right:rgb(90,55,7) 5px solid;
}

div.lienhaut  a

{
color:black;
font-size:1.5em;
font-weight:bold;
text-decoration:none;
}

div.lienhaut_gauche  a

{
color:black;
font-size:1.5em;
font-weight:bold;
text-decoration:none;
}

div.lienhaut  a:hover

{
color:rgb(22,52,1);
font-size:1.5em;
font-weight:bold;
text-decoration:underline;
}

div.lienhaut_gauche  a:hover

{
color:rgb(22,52,1);
font-size:1.5em;
font-weight:bold;
text-decoration:underline;
}



div#menu {

float:left;
width:140px;
background-image: url("images/bois.jpg");
border-left:8px solid rgb(90,55,7);
padding:4px;
font-family:Palatino Linotype, Garamond, Arial,serif;
}

a.menu
{
text-decoration: none; 
color:rgb(62,66,33);

}

a.menu:hover
{
 text-decoration: underline; 
   color: green; 
 }
 
a.sole:hover
{
 text-decoration: underline; 
   color: green; 
 }
 

   
div.ferme_menu 
{
padding-left:4px;
border:rgb(22,52,1) 2px ridge;
border-left:rgb(22,52,1) 14px solid;
margin-bottom:10px;
margin-top:4px;
background-color: rgb(180,167,7);
}


div.element_ferme
{
border-top:rgb(22,52,1) 1px dotted;
margin-top:7px;
margin-bottom:7px;
font-size:1em;
}

div.chalet_menu 
{
padding-left:4px;
border : rgb(22,52,1) 2px ridge;
border-left:rgb(22,52,1) 14px solid;
margin-bottom:10px;
background-color: rgb(180,167,7);
}

div.element_chalet
{

border-top:rgb(22,52,1) 1px dotted;
margin-top:7px;
margin-bottom:7px;
font-size:1em;
}


div.tarifs_menu 
{
padding-left:4px;
border : rgb(22,52,1) 2px ridge;
border-left:rgb(22,52,1) 14px solid;
margin-bottom:10px;
background-color: rgb(180,167,7);
}

div.element_tarifs
{
border-top:rgb(22,52,1) 1px dotted;
margin-top:7px;
margin-bottom:7px;
font-size:1em;

}

div.vosges_menu 
{
padding-left:4px;
border : rgb(22,52,1) 2px ridge;
border-left:rgb(22,52,1) 14px solid;
margin-bottom:15px;
background-color: rgb(180,167,7);

}

div.element_vosges
{
padding-left:4px;
margin-bottom:7px;
border-top:rgb(22,52,1) 1px dotted;
margin-top:7px;
font-size:0.75em;
}


div.element2_vosges
{
border-top:rgb(22,52,1) 1px dotted;
margin-top:7px;
margin-bottom:7px;
font-size:0.75em;
}

div.partenaires_menu 
{
padding-left:4px;
border : rgb(22,52,1) 2px ridge;
border-left:rgb(22,52,1) 14px solid;
margin-bottom:5px;
margin-top:25px;
background-color: rgb(180,167,7);
}

div.element_partenaires
{
padding-left:4px;
margin-bottom:7px;
margin-top:7px;
font-size:0.75em;

}

div#menu ul
{
list-style-image: url("images/Etoile2.png"); 
   padding: 0px; 
   padding-left: 30px; 
   margin: 0px; 
   margin-bottom: 5px; 
   font-size:1em;
}

div#menu h3
{
color:rgb(153,6,29);
margin-bottom:5px;
margin-top:5px;
}


#corps {
margin-left:155px;
border-left :rgb(90,55,7) 5px solid;
border-right :rgb(90,55,7) 5px solid;
border-top :rgb(90,55,7) 1px solid;
text-align: left;
color: black;
background-color:rgb(255,186,61);
font-family:Palatino Linotype, Garamond, Arial,serif;
font-size:1em;
padding:20px;
border-bottom :rgb(90,55,7) 2px solid;
}

#corps_vosges {
margin-left:155px;
border-left :rgb(90,55,7) 5px solid;
border-right :rgb(90,55,7) 5px solid;
border-top :rgb(90,55,7) 1px solid;
text-align: left;
color: black;
background-color:rgb(255,186,61);
font-family:Palatino Linotype, Garamond, Arial,serif;
font-size:1em;
padding:20px;
border-bottom :black 2px solid;
}

#corps_vosges a
{
text-decoration: underline; 
color:rgb(153,6,29);
}



#corps_vosges ul.schema
{
font-size:0.9em;
list-style-type:none;
}


.dessous
{ 
clear:both;
}

.stopflg
{
clear:left;
}

.schemageo
{
margin-bottom:20px;
}


div.ferme
{

}
  
div.ferme p 
{
padding-top:35px;
height:88px;
	 }	
	
   div.chalet
  {
 margin-top:0px;
 height:81px;
  }
  
div.chalet p
  {
padding-top:30px;
 height:81px;
  }
  
  
     div.fin
  {

 margin-top:75px;
  }
  
 img.photo_index
 {
 
 float:left;
 border:black 1px solid;
 }
 
#corps a
{
text-decoration: underline; 
color:rgb(153,6,29);
}

div.grille_tarifaire
{
font-size:0.7em;
text-align:center;
}

table
{
border-collapse: collapse;
border: 2px rgb(62,66,33) outset;
margin:auto;
font-size:1em;
}

td
{
border: 1px solid black;
text-align:center;
color:black;
padding-left:5px:
}

th
{
border: 2px rgb(62,66,33) solid;

background-color:rgb(180,167,7);
color: black;
}


.vert
{
color:green;
font-weight:bold;
}

.libre
{

}
.r
{
color:black;
text-decoration:line-through;

font-weight:bold;
}


p
{
font-size:1em;
width:90%;
text-indent:40px;
}

span.news
{
text-decoration:blink;
font-weight:bold;
}

h1
{
font-size:2em;
color:rgb(153,6,29);
text-align:center;
}

h2
{
font-size:1.6em;
color:rgb(49,63,89);
}

h2.accueil
{
text-decoration:none;
font-size:1.75em;
color:rgb(49,63,89);
}

h2.lac
{
font-size:1.1em;
color:rgb(31,7,99);

}


h3
{
text-align:center;
font-size:1.25em;
}

h3.titre_station_ski
{
padding-top:50px;
padding-bottom:3px;
}

h3.titre_station_ski
{
padding-top:50px;
padding-bottom:3px;
}


h2.titre_station_ski
{
padding-top:50px;
padding-bottom:3px;
}

h4
{
color:rgb(62,66,33);
font-size:1.15em;
text-decoration:underline;
}


.floatleft
{
float:left;
display:block;
margin-right: 8px;
}

.line
{
text-decoration:underline;
}


.map
{
width:110px;
height:80px;
margin-top:5px;
margin:auto;
display:block;
border: 2px solid black;
}

.photo
{
border: 2px solid black;
}

table.descriptif
{
border-collapse:collapse;
font-size:1em;
}

td
{
border:black 1px solid;
text-align:justify;
}

td.piece
{

font-size:1em;
color:rgb(153,6,29);
}

.textpiece
{font-size:0.75em;
}

table.descriptif ul
{
list-style:none;
}

caption 
{
   margin: auto; 
   font-family: Arial, serif;
   font-weight: bold;
   font-size: 1.15em;
   color: rgb(62,66,33);
   margin-bottom: 10px;
   margin-top: 30px;
   text-decoration:underline;
      }

 
div.presentation
{
margin-top:40px;
}	   
	  
 ul
 { 
 list-style-type:disc;
  }
  
   a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}


a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; 
   z-index: 500; 

}



p
{
text-align:left;
}

.photo_index
{
width:117px;
height:88px;
position:absolute;
left:420px;
top:550px;
}

.texte_index
{
width:450px;
height:88px;
position:absolute;
left:550px;
top:550px;
}

.photo_index2
{
width:117px;
height:88px;
margin-top:100px;
position:absolute;
left:420px;
top:600px;

}



.texte_index2
{
width:450px;
height:87px;
position:absolute;
margin-top:100px;
left:550px;
top:600px;
}

.fltdrt
{
float:right;
}


.fltg
{
float:left;
}

div.presentation
{
margin-top:300px;
}

div.pub_ban
{
width:468px;
height:60px;
margin:auto;
margin-top:40px;
margin-bottom:20px;
}

a.info:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap; 
   top: 20px; 
   left:20px;
   background: rgb(234,224,153);
   color: black;
   padding: 3px;
   border: 1px solid rgb(62,66,33);
   border-left:rgb(56,62,48) 14px solid;
   height:50px;
   width:200px;
   text-align:center;
   font-size:1.1em;
   text-decoration:none;
   }
    
	iframe
 {
 border:solid black 1px;

 }
  
span.theme
{
color:rgb(22,52,1);
font-weight:bold;
font-size:1.2em;
} 
.itineraire
{
font-weight:bold;
font-size:0.8em;
}   
.info_lieu
{
font-size:0.9em;
font-weight:lighter;
font-style:italic;
}  

.cite_image
{
font-size:1em;
text-decoration:underline;
text-indent:5px;
}

#corps_vosges_partenaires {
margin-left:155px;
border-left :rgb(90,55,7) 5px solid;
border-right :rgb(90,55,7) 5px solid;
border-top :rgb(90,55,7) 1px solid;
text-align: left;
color: black;
background-color:rgb(255,186,61);
font-family:Palatino Linotype, Garamond, Arial,serif;
font-size:1em;
padding:20px;
border-bottom :black 2px solid;
}

#corps_vosges_partenaires a.bl
{
text-decoration: underline; 
color:rgb(22,52,1);
}

#corps_vosges_partenaires ul 
{
list-style-type:none;
}





div#baspage
{
height:16px;
width:99%;
border:rgb(56,62,48) 3px ridge;
margin-top:20px;
font-size:0.8em;
font-weight:bold;
float:right;
margin-bottom:15px;
}

a.lienbas
{
display:block;
float:left;
text-align:center;
margin:auto;
background-color: rgb(180,167,7);
color:black;
height:10px;
text-decoration:none;
width:50%;
height:16px;
}

a.lienbas:hover
{
 text-decoration: underline; 
   color: black; 
 }
 
 a.lienbas:visited
{
color:black;
}

div.bl
{
text-align:center;
margin-top:80px;
margin-bottom:40px;
}

div.bl a
{
color:red;
font-size:1em;
font-weight:bold;
margin-right:5px;
}

div.logovacloc
{
margin-left:300px;
}