body
{
margin: 0; 
padding: 0; 
border: none; 
font-size: 1em; 
font-family: sans-serif;
font-weight: normal; 
font-style: normal; 
text-decoration: none; 
   margin: 20px; 
   background-color: orange;
   color: #fffeeb;
}
.header
{
margin-top:0em;
text-align: center;
}

.imageblock
{
border: 1px solid white;
}

.menu
{
float: right;
margin-right:21em;
margin-top:2em;
}
.class1
{
position:relative; 
width:100px; 
top:0px; 
height:500px; 
overflow-y:scroll; 
overflow:-moz-scrollbars-vertical;
}
.class2
{
width:670px; 
text-align:center;
background-color:black; 
color:white;
}

.icone1
{
border: 1px solid white;
position: absolute;
right:100px;
top:107px;
}
.icone2
{
border: 1px solid white;
position: absolute;
right:100px;
top:217px;
}
a
{
text-decoration: none;
color:#fffeeb;
}

a:hover
{
color:#241613;
}

h1
{
font-size: 30px;
margin: 0px;
font-variant:small-caps;
}

h2
{
font-size: 25px;
padding: 0px;
margin:15px;
}

h3
{
font-size: 20px;
padding:0px;
margin-bottom:1em;
margin-top:3em;
}

h4
{
font-size: 12px;
margin: 0px;
}

.conteneur 
{
  width: 100%;
}

.flottante_icone
{
  margin: 0px;
  margin-left:4px;
  margin-right:4px;
  float: left;
  font-size: 15px;
  text-align:center;
  font-variant:small-caps;
}

.flottante_icone_alt
{
  margin: 0px;
  margin-top:0px;
  margin-left:4px;
  margin-right:4px;
  float: left;
  font-size: 15px;
  text-align:center;
  font-variant:small-caps;
}

li 
{
   list-style-type: none;
   margin-bottom: 10px; 
}

h5
{
  margin-left:4px;
   font-size: 15px;
   margin-bottom:4px;
  text-align:left;
  font-variant:small-caps;
}
.special
{
color:#241613;
}

.photo
{
float:left;
margin-right: 1em;
}

.spacer 
{
  clear: both;
}