#contenu, #footer, #lieu, #titre, #navigation {
font-family: Arial;
font-size:12px;
}

#entete
{
  position:absolute;
  z-index:2;
}

#navigation{
position:fixed;
background-color:#F64E06;
top:0px;
right:0;
height:20px;
width:70%;
border-radius:0 0 0px 25px;
color:#FFFFFF;  
text-decoration:none;
font-size:63%;
font-weight:900;
padding-left:30px;
padding-top:6px;
}

#lieu {
background-color:#FFFFFF;
opacity:0.7;
-moz-border-radius:5px 5px;
-webkit-border-radius:5px 5px;
border-radius:5px 5px;
text-align:left;
padding:5px;
position:fixed;
overflow:auto;
right:80px;
left:170px;
top:30px;
height:30px;
width:20%;
}

#titre{
border-radius: 50px 50px 0 0;
background-color:#00BFA5;
opacity:0.7;
text-align:center;
padding:2px;
position:fixed;
overflow:auto;
right:20px;
top:50px;
height:40px;
width:500px;
vertical-align:top;
}

#logo
{
  position:fixed;
  top:0px;
  margin-left:30px;
  z-index:4;
}

#nom-site
{
  position:fixed;
  z-index:3;
  margin-top:-145px;
  margin-left:250px;
  font-size:150%;
  color:#FFFFFF;
  font-family: Impact, Charcoal, sans-serif;
  font-weight:900;
  text-shadow: 2px 2px 2px red;
  text-decoration: bold;
}
#contenu {
  padding-top:10px;
  padding-left:70px;
  padding-right:70px;
  position:absolute;
  overflow:auto;
  right:20px;
  left:200px;
  bottom:30px;
  top:70px;
  background-color:#FFFFFF;
  opacity:0.85;
  -moz-border-radius:5px 5px;
  -webkit-border-radius:5px 5px;
  border-radius:5px 5px;
  z-index:1;
  text-align:justify;
}

#footer {
position:fixed;
right:20px;
bottom:15px;
text-decoration:none;
text-shadow: 1px 1px 1px #000000;
color:#FFFFFF;
font-size:9px;
font-weight:900;
}

body
{
  background-image:url(images/fond_ppe.jpg);
  font-size:14px;
}

/*MENU DEROULANT */

#menu-accordeon {
  padding:10;
  margin-top:170px;
  list-style:none;
  text-align: center;
  width: 160px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: left;
}
#menu-accordeon li {
   background-color:#000000; 
   opacity:0,8;
   margin-bottom:2px;

}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 5px 5;
  font-family: Arial;
  font-size:12px;
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:11px
}
#menu-accordeon li:hover {
   background: #000000;

}
#menu-accordeon li li:hover {
   background: #00BFA5;
   text-decoration: bold;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 0 0;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}

h1
{
  font-size:36px;
  color:#00BFA5;
}

h2
{
  font-size:22px;
}

a
{
  text-decoration:none;
  font-weight:900;
  color:#00BFA5;
}
a:hover
{
  text-decoration:underline;
}