body{
 background: #E6E6E6;
 margin: 0px;
 overflow: auto;
 font-family: arial, verdana, times;
 font-size: 10pt;
 color: #000033;
}

/*         --------------------         Configuration générales        --------------------------- */
a, a:visited{
 color: #000033;
 text-decoration: none;
}

img{
 border: none;
}

h1 {
 background: url('images/titre.png') center;
 font-size: 12pt;
 text-indent: 10px ;
 padding-top:3px;
 width: 275px;
 height: 24px;
 color: white;
}

h2 {
 background: url('images/titre2.png') center;
 font-size: 12pt;
 text-indent: 10px ;
 padding-top:3px;
 width: 225px;
 height: 24px;
 color: white;
}


ul {
 list-style: none;
 list-style: url('images/etoile.png') ;
 font-size: 11pt;
}
li {
 margin-bottom: 10px;
}

/*         --------------------         Configuration des blocks        --------------------------- */
#page{
 position: absolute;
 margin-left: -380px;
 width: 760px;
 left: 50%;
 background: #FFFFC4;
 border: none;
 border: 1px solid black;
 border-top: 0px;
}

#entete{
 width: 760px;
 height: 166px;
 background: url('images/entete.jpg');
}

#piedpage{
 clear: both; 
 height: 1px;
}

#menu {
 position: absolute;
 top: 148px;
}

#menu a{
 font-weight: bold;
 display: block;
 float: left;
 text-decoration: none;
}
#menu a div{
 margin-right:3px;
 margin-left: 17px;
}

#menu a:hover, #menu a.actif{
 color: white;
 background: #0080F1 url('images/etoile.png') top left no-repeat;
}

#drapeau {
 position: absolute;
 top: 0px;
 margin-left: 230px;
 width: 150px;
 height: 35px;
 left: 50%;
}
#drapeau a {
 display: block;
 float: left;
 border: 1px solid #0080F1;
 margin-left: 6px;
}
#drapeau a:hover{
 border: 1px solid white;
}
#drapeau img{
}


.adress{
 position: absolute;
 left: 2px;
 top: 121px;
 color: #666666;
 font-size: 12px;
 line-height: 11px;
}


#block_droit{
 float: right;
 background: url('images/barre_verti.png') left top no-repeat;
 text-align: center;
}


#block_gauche{
 float: left;
 background: url('images/barre_verti.png') right top no-repeat;
 text-align: left;
 margin-top: 10px;
}


#trophee {
 background: url('images/trophee.png') left top no-repeat;
 text-align: center;
 color: #CC0000;
 font-weight: bold;
 font-size: 12pt;
 clear: left;
 height: 84px; 
 width: 580px;
}
#trophee div{
 margin-top:34px;
 left: 50%; 
 margin-left: -310px; 
 width: 470px;
 position: absolute;
}



#albumPhotos {
 visibility: hidden;
 position: absolute;
 top: 168px; 
 left: 50%;
 margin-left: -85px;
 width: 400px;
 height: 286px;
 background: #0080F1;
 z-index: 100;
}



#albumPhotos  .albumImage {
 position: absolute;
 visibility: hidden;
 left:0px; 
 top: 0px;
 width: 400px; 
 border:#000033 solid 2px;
}

#albumPhotos .albumImage   .albumCalque {
 position: absolute;
 left:0px; 
 top: 0px;
 width: 400px; 
 height: 267px;
}

#albumPhotos .albumLegende {
 font-style: italic;
 font-weight: bold;
 text-align: center;
 color: white; 
 background: #0080F1;
 height: 15px;
}

 .albumIcones{
 margin: 5px;
}




#diapoPhotos {
 float: right;
 width: 300px;
 height: 180px;
 margin-top: 15px;
 margin-right: 4px;
 margin-bottom: 15px;
}

#diapoPhotos .diapoImage {
 visibility: hidden;
 position: absolute;
 background: #0080F1;
 border:#000033 solid 2px;
 text-align: center;
 width: 300px;
}

#diapoPhotos .diapoImage .diapoLegende {
 font-style: italic;
 font-weight: bold;
 text-align: center;
 color: white;
 height: 15px;
 background: #0080F1;
}

 .diapoIcones{
 margin: 5px;
}

.gras{
 margin-left: 10px;
 font-style: italic; 
 font-size: 11pt;
 font-weight: bold;
 text-align: center;
}

.adressAcces{
 position: absolute;
 top: 180px;
 left: 50px;
 font-weight: bold;
 color: #0000330;
 
}