*{
    margin:0;
    padding:0;
}

div#site{
    width:100%;
    background:url(../images/fondEole.jpg) no-repeat 50% 0%;
    height: 100%;
}
html {
  height: 100%;
  overflow: hidden;
}
div#flash {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}

div#blocPLayer{
  position:relative;
  margin:0 auto 0;
  width:320px;
  top:176px;
  border: 3px solid #E0E0E0;
}
div#blocPLayer.rm{
  height:280px;
}
div#blocPLayer.wmv{
  height:280px;
}
div#blocPLayer.qt{
  height:260px;
}
div#blocPLayer.credit{
  height:293px;
  width:330px;
  border:none;
}


div#siteIndex{
  background: url(../images/fondAccueil.jpg) no-repeat 0 0;
  width:600px;
  height:500px;
  text-align: left;
  position:relative;
  position:absolute;
  top:50%;
  left:50%;
  margin-left:-300px;
  margin-top:-250px;
  border:5px solid #dedede;
}

div#siteIndex ul{
  list-style-position: outside;
  list-style-type: none;
  position:absolute;
  top:139px;
  left:50px;
}
div#siteIndex ul li{
  list-style-position: outside;
  list-style-type: none;
}
div#siteIndex ul li a{
  font-family:Verdana, Arial, sans-serif;
  font-size:10px;
  text-decoration: none;
  color:#000000;
  font-weight:bold;
  padding-left:26px;
  background: url(../images/puce.gif) no-repeat 0 0;
}
div#siteIndex ul li a:hover{
  color:#B3007E;
}
body.index{
  background: #f4f4f4;
}

a.sommaire{
  position:relative;
  top:220px;
  font-family:Verdana, Arial, sans-serif;
  color:#ccc;
  font-size:10px;
  text-decoration: none;
}
a.sommaire:hover{
  text-decoration: underline;
}


a.sommaire2{
  position:absolute;
  top:510px;
  font-family:Verdana, Arial, sans-serif;
  color:#ccc;
  font-size:10px;
  text-decoration: none;
  margin-left:-25px;
}
a.sommaire2:hover{
  text-decoration: underline;
}


p{
  font-family:Verdana, Arial, sans-serif;
  color:#777;
  width:280px;
  font-size:10px;
  line-height:14px;
  position:absolute;
  top:140px;
  right:78px;  
}

a#lien1{
  position:absolute;
  font-family:Verdana, Arial, sans-serif;
  color:#888;
  top:260px;
  right:153px;  
  font-size:10px;    
}
a#lien1:hover{
  text-decoration: none;
}
a#lien2:hover{
  text-decoration: none;
}


a#lien2{
  position:absolute;
  font-family:Verdana, Arial, sans-serif;
  color:#888;
  top:280px;
  right:318px;  
  font-size:10px;    
}