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


body 
{
margin:0;
padding:0;
width:100%;
font-family: Arial,"Trebuchet MS", Verdana, Helvetica, serif; 
font-size:1em;
}

#haut
{
border:none;
}

#haut img
{
border:none;
}

h1
{
color:#A3090B;
font-size:1.5em;
text-align:center;
font-family:verdana serif;
margin:25px 0;
}


h2
{
color:green; 
font-size:1.2em;
text-align:center;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
}

h3
{
color:black;
font-size:1em;
text-decoration:underline;
}

a
{
color:blue;
text-decoration:none;
font-size:1em;
}

p
{
text-align:justify;
text-indent:15px; 
padding:5px;
font-size:1em;
font-family:verdana serif;

}

p.theme
{
color:rgb(22,52,1);
font-weight:bold;
font-size:1.2em;

}

p.menu
{
font-family:Georgia;
font-style:italic;
margin:0;
}

p.pvosges
{
text-align:center;
text-transform:uppercase;
color:blue;
font-weight:bold;
}

ul.itineraire
{
font-weight:bold;
font-size:0.8em;
list-style-type:none;
}

ul.liste_accueil
{
list-style-type:none;
margin-left:40px;
}

.clearright
{
clear:right;
}

.info_lieu
{
font-size:1em;
font-weight:lighter;
font-style:italic;
}  

.raye
{
text-decoration:line-through;
}

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

div.itineraire
{
margin-top:20px;
height:100px;
width:700px;
overflow:scroll;

}	



ul.itineraire
{
font-weight:bold;
font-size:0.8em;
list-style-type:none;
}

img.photograndformat2
{
display:block;
margin:auto;
width:225px;
height:155px;
border:1px solid green;
margin-bottom:50px;
}
 
img.photograndformat
{
display:block;
margin:auto;
width:425px;
height:375px;
border:1px solid green;
margin-bottom:50px;
}
 
 ul.nopuce
{
list-style-type:none;
text-align:justify
}

ul.
{
list-style-type:circle;

}

ul li 
{
font-size:0.8em;
}

ul ul
{
margin-left:100px;
font-size:1em;
}

#corps ul.schema
{
margin-top:20px;
font-size:0.9em;
list-style-type:none;
}

strong
{
font-weight:bold;
}

img
{
border:1px black solid;

}

img.avectexte
{
border:1px black solid;
display:block;
margin : 10px 15px 10px 0px;
}

#corps img.photomassif
{
border:green 1px solid;
margin-top:20px;
margin-right:10px;
margin-bottom:20px;
}

ul.avecimage
{
list-style-type:none;
}

a:hover
{

text-decoration:underline;
font-size:1em;
}

.floatleft
{
float:left;
}

.floatright
{
float:right;
}

.dessous
{
clear:both;
}


div#corps
{
width:932px;
margin:auto;
background-color:#eef4f7;
border:1px grey solid;
padding-top:5px;
}



a#reservation
{

text-decoration:none;
color:blue;
font-weight:bold;
display:block;
float:right;
margin:4px 2px 0 2px;
font-size:0.8em;
}


a#log
{
text-decoration:none;
color:blue;
display:block;
font-size:0.8em;
}

a#reservation:hover , a#log:hover
{
text-decoration:underline;
}

div#menu
{
}

div.faq
{
margin-top:10px;
height:200px;
width:700px;
overflow:scroll;
padding:10px;
}

ol.faq
{
font-size:1em;
list-style-type:decimal;
margin-left:15px;
}

ul#menu1
{

list-style-type:none;
padding: 0;
margin:0;
text-align:center;
}

ul#menu1 li
{
clear:both;
border:1px solid black;
display:block;
margin-bottom:2px;
background-image:url('images/bois5.jpg') ;

}

ul#menu1 li#special
{
background-image:url('images/bois5b.jpg') ;
}

ul#menu1 li a 
{
font-size:1.2em;
font-weight:bold;
font-family:verdana;
text-decoration:none;
color:black;
}


ul#menu2
{

list-style-type:none;
padding: 0;
margin:0;
text-align:center;
}

ul#menu2 li
{
clear:both;
border:1px solid black;
display:block;
margin-bottom:2px;
background-image:url('images/bois5.jpg') ;

}

ul#menu2 li#special
{
background-image:url('images/bois5b.jpg') ;
}

ul#menu2 li a 
{
font-size:1.2em;
font-weight:bold;
font-family:verdana;
text-decoration:none;
color:black;
}

div#colonne1
{
width:200px;
margin:0;
padding:0;
float:left;

}

div#colonne1 h2.accueil , div#colonne2 h2.accueil
{
font-size:0.8em;
padding:10px;
color:black;
text-align:center;
font-weight:bold;
font-family: verdana, serif;
text-decoration:none;
}

div#colonne1 img
{

width:198px;
}

#colonne2
{
width:710px;
margin-left:220px;
padding-right:4px;
}


ul#menu-gite
{

list-style-type:none;
margin-bottom:80px;
}


ul#menu-gite li
{
float:left;
background-image:url('images/bois.jpg');
display:block;
position:relative;
bottom:4px;
border-left:1px black solid;
border-bottom:1px solid black;
text-align:center;
padding:0;
width:139px;
height:22px;
font-size:1em;
}


ul#menu-gite li.last
{
width:140px;
border-right:1px black solid;
}


ul#menu-gite li a
{
color:black;
font-size:1em;
font-weight:bold;

}



ul#menu-gite li a:hover 
{


text-decoration:none;
font-size:1.1em;
color:black;
}

ul#menu-chalet
{
list-style-type:none;
margin-bottom:80px;
}


ul#menu-chalet li
{
float:left;
background-image:url('images/bois.jpg');
display:block;
position:relative;
bottom:4px;
border-left:1px black solid;
border-bottom:1px solid black;
text-align:center;
padding:0;
width:139px;
height:22px;
font-size:1em;
}


ul#menu-chalet li.last
{
width:140px;
border-right:1px black solid;
}


ul#menu-chalet li a
{
color:black;
position:relative;
top:3px;
font-weight:bold;
}


ul#menu-vosges
{
list-style-type:none;
margin-bottom:80px;
}

ul#menu-vosges li 
{
float:left;
background-image:url('images/bois.jpg');
display:block;
position:relative;
bottom:4px;
border-left:1px black solid;
border-bottom:1px solid black;
text-align:center;
padding:0;
width:233px;
font-size:1em;
}

ul#menu-vosges li.last
{
width:232px;
border-right:1px black solid;
}

ul#menu-vosges li a
{
color:black;
font-size:1em;
font-weight:bold;
}


#colonne2 ul li a
{
font-size:1em;
}


#colonnegite
{
width:332px;
padding:5px;
float:right;

}

#colonnechalet
{
width:332px;
padding:5px;
border-right:#A4BFEA 1px solid;
padding-right:7px;
}


.liste-image
{
float:right;
margin:2px;
}

img.diaporama
{
display:block;
width:500px;
margin:auto;
border:1px solid black;
}

div.album
{
margin:0;
margin-bottom:30px;
padding:20px;
height:700px;
}


div.album a img 
{
border:none;
}

div.album h1
{
margin-bottom:20px;
}


rgb(49,63,89);
 }
 
.conteneur_tableau
{

}

table.mois
{
font-size:0.75em;
margin-right:7px;
float:right;
margin-top:10px;
margin-bottom:20px;
}

table.premiermois
{
margin-right:120px;

}

.b
{
background-color:#C0C2FE;
}

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

.h
{
background-color:rgb(232,136,136);
}

.m
{
background-color:#ADE472;
}

.dm
{

background-color:#ADE472;
}

li.legende
{
margin-left:20px;
display:bloc;
margin-top:5px;
}

div#footer
{
margin:auto;
width:932px;
height:35px;
clear:both;
background-color:#eef4f7;
border:1px grey solid;
margin-top:20px;
margin-bottom:20px;
}


div#liens-bas
{
margin:auto;

}

div#liens-bas a
{
display:block;
float:left;
margin: 10px 50px 10px 100px;
font-size:0.8em;
color:black;
}

div.new
{
margin:0;
padding:10px;
width:300px;
}

div.new h2
{
background-color:#A3090B;
text-transform:capitalize;
font-size:0.85em;
}

div.new h2 a
{
color:white;
}

div.new h2 a:hover
{
text-decoration:blink;
}

img.imagenew 
{
width:100px;
height:100px;
}

p.textenew
{
float:right;
font-size:0.8em;
width:175px;
}

p.textenew a
{
color:blue;
}


form
{
width:500px;
margin:left;
padding:5px;
}

fieldset
{
margin:5px;
padding:5px;
background-color:#eed;
}

label.aligne
{
margin-top:10px;
display:block;
width:200px;
float:left;
}

legend
{
font-weight:bold;
}
input
{
margin:4px 0px 4px 4px;

}

form p 
{
font-size:1em;
}

textarea
{
text-align:justify;
}

#pognon
{
position:absolute;
right:30px;
}

.urgent
{
text-decoration:blink;
font-weight:bold;
text-decoration:underline;
}