body{
background-color:#369;
color:#fff;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
/*margin:2em 1%;*/

padding:0;
}

#logo {
position: absolute;
top: 0em;
left: 0px;

}


#logo a img {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  border: 2px solid #666;
}

#pub {
position: absolute;
right: 3%;
top: 14.2em;
color:#000;
background-color:#ffecce;
border:2px solid #666;
width: 17%;
text-align: center;
padding-left: 2px;
padding-right: 2px;
padding-top: 4px;
padding-bottom: 5px;
}

#pub2 {
position: absolute;
right: 3%;
top: 13.2em;
color:#ffd700;
background-color:#696969;
border:2px solid #000;
width: 17%;
text-align: center;
margin-top: 200px;
padding-left: 2px;
padding-right: 2px;
padding-top: 8px;
padding-bottom: 5px;
}

#pub2 img#info {
float: left;
margin-right: 1em;
margin-left: 1em;
margin-top: 1em;
margin-botton: 2em;
}

#menu{
left:3%;
position:absolute;
top:14.2em;
width:17%;
overflow:hidden;
}



/* section properties 655f4b*/
.section {
color:#000000;
background-color: #fff;
border-style:solid;
border-width:0 0 1px 0;
border:1px solid #666;

//background-color: #d2b48c;

}

.section h2{
border-color:#0;
border-style:solid;
border-width:0 0 1px 0;
border:1px solid #666;
font-size:medium;
font-weight:700;
margin:0;
text-align: center;
padding-left:0em;
text-transform:uppercase;
//background-color: #daa520;
}

.section h2:first-letter{
color:#000;
background-color:transparent;
}

.section ul{
margin-bottom:1.5em;
margin-top:0.5em;
}

.section li{
//display:inline;
list-style:none;
}

.section a{
color:#0000ff;
background-color:transparent;
display:block;
font-weight:700;

margin-left:-3em;
padding-left:1em;
text-decoration:none;
}

.section a:hover{
background-color:#ffecce;
color:#f60;
}
/********************/

#presentation{
color:#000;
background-color:#ffecce;
border:3px solid #666;
margin:0 0 1em 0;
padding:0.5em 1em;
}

#presentation h2{
background-color:transparent;
color:#c60;
margin:0;
}

#presentation p{
margin:0.5em 0;
}

#presentation a{
color:#c60;
background-color:transparent;
}

#boxinfo {
position:absolute;
top:17.2em;
right:3%;
width:17%;
}




#contenu {
color:#000;
background-color:#f2f0bc;
border:3px solid #666;
margin:0 0 1em 0;
padding:0.5em 1em;
position: absolute;
top: 14.2em;
left: 21%;
right: 15%;
width: 55%;
}


#contenu h2 {
border-color:#f90;
border-style:solid;
border-width:0 0 3px 0;
font-size:large;
font-weight:700;
}

#contenu img#article {
float: left;
margin-right: 2em;
margin-left: 1em;
margin-top: 1em;
margin-botton: 2em;
}

#dons{
color:#000;
background-color:#ffecce;
border:3px solid #666;
margin:0 0 1em 0;
padding:0.5em 1em;
}

#dons h2{
background-color:transparent;
color:#c60;
margin:0;
}

#dons p{
margin:0.5em 0;
}

#dons a{
color:#c60;
background-color:transparent;
}

#bottom {
position: relative;

}

#footer {
margin-top: 90px;
}