body {
font-family: sans, sans-serif;
background-color: #000000;
color: #F5F5DC;
}

p {
text-align: justify;
line-height: 18pt;
text-indent: 20pt;
color: #F5F5DC;
}

a {
color: #BBBA70;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

h2 {
color: #dddc70;
}

h3 {
}

h4 {
border-bottom: dashed 1px #F5F5DC;
}

dt {
font-weight: bold;
text-decoration: underline;
}

.boite {
border: solid 2px #333333;
background-color: #111111;
margin: 5px;
}

#logo_site {
//width: 300px;
//height: 45px;
//border: solid 1px #FFFFFF;
margin-top: 20px;
//margin-left: 5px;
}
#headzone {
width: 750px;
height: 150px;
background-image: url("../images/headzone3.png");
}
#headzone h1 {
text-align: right;
font-weight: normal;
color: #F5F5DC;
margin-top: 100px;
margin-right: 10px;
}
#sensitive_zone {
width: 350px;
height: 60px;
position: absolute;
top: 55px;
left: 40px;
}

#breadcrumb {
width: 740px;
height: 20px;
padding-left: 10px;
padding-top: 0px;
}
#breadcrumb_lien1 {
color: #4E544E;
font-size: 11pt;
font-weight: bold;
font-style: italic;
}
#breadcrumb_lien2 {
color: #F5F5DC;
font-size: 11pt;
font-weight: bold;
font-style: normal;
}

#main {
width: 670px;
font-size: 10pt;
color: #FFFFFF;
padding: 10px;
position: relative;
left: 60px;
}

#main img {
margin: 5px;
}

.vignette {
border: solid 1px #000000;
}
.vignette:hover {
border: solid 1px #BBBA70;
}

#zone_menu {
width: 40px;
padding: 5px;
padding-top: 0px;
position: absolute;
top: 191px;
}
html>body #zone_menu {
  position: fixed;
}

#bouton_menu {
height: 24px;
width: 24px;
margin-top: 5px;
background-color: #4E544E;
border: solid 8px #4E544E;
}

#bouton_menu:hover {
background-color: #4E544E;
border: solid 8px #ABB4A0;
}

#bouton_menu_vide {
width: 40px;
height: 40px;
margin-top: 5px;
}
        
#home {
width: 507px;
height: 346px;
font-size: 10pt;
line-height: 20px; 
background-image: url("../images/alanface.png");
padding: 10px;
margin-top: 100px;
margin-bottom: 100px;
}

#recoil {
font-family:Arial,Helvetica;
font-size: 11pt;
color: #FFFFFF;
}

#webring {
width: 275px;
height: 60px;
border: solid 2px #333333;
background-color: #ABB4A0;
position: absolute;
left: 488px;
margin-top: 5px;
font-size: 8pt;
vertical-align:middle;
text-align: center;
}

#webring a {
color: #4E544E;
}

#webring a:hover {
color: #FFFFFF;
}

#popup {
font-size: 10pt;
color: #FFFFFF;
padding: 10px;
}

#popup img {
margin: 5px;
}

.onglet {
border: solid 2px #333333;
background-color: #111111;
}
.onglet:hover {
background-color: #4E544E;
}
#onglet_fixe {
border: solid 2px #ABB4A0;
background-color: #ABB4A0;
font-size: 1.3em;
}
#onglet_fixe a {
color: #111111;
}

.spacer { clear: both; }