/* border:1px solid #69c; */

body{
background-color:#A59A84;
color:#000;
font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
font-size:small;
margin :0 1%;
padding:0;
}
form {
  margin:0;
  padding:0;
}
input {
  border: 1px solid #987d70;
  margin:0;
  padding:0;
}
input.bouton {
  border-color: #9999cc;
  background-color: #eee;
  color: #000;
  background-image: url(images/bgBouton.gif);
  cursor:pointer;
  height:24px;
  padding:0;
}
#page{
color:#000;
background-color:#DEE3C6;
border:3px solid #634542;
min-height:30em;
height:47em;
margin : 1em 0 0 0;
padding:0;
position:relative;
}

html>body #page{
height:auto;
}

#header {
color:#000;
margin: 0 2% 0 2%;
width:95%;
padding:0;
height:9em;
border:1px solid #DEE3C6;
}

#logo{
margin:2em 0 0 1%;
}

#logo img{
border:0;
}

#logo a{
color:#000;
background-color:transparent;
}

#main{
color:#000;
margin : 0 2% 4em 20%;
padding: 0;
width:78%;
}
#main h1 {
  color:#39C;
  margin : 8px 0 10px 0;
  padding: 0;
  font-size : 16pt;
}
#main h2{
  color:#DEE3C6;
  background-color:#75AFCC;
  font-size:10pt;
  font-weight:bold;
  margin : 16px 0 8px 0;
  padding: 1px 0 1px 10px;
}
#main p{
  margin : 0 0 0 20px;
  padding: 0;
  text-align: justify;
}
#main a {
  margin : 0;
  padding: 0;
  text-decoration: underline;
  color:#f60;
}

#menus{
position:absolute;
left:2%;
top:10em;
width:16%;
overflow:hidden;
}

.ssmenuorange {
color:#634542;
background-color:#DEE3C6;
}

.ssmenuvert {
color:#634542;
background-color:#DEE3C6;
}

.ssmenuorange h2{
border-color:#f90;
border-style:solid;
border-width:0 0 3px 0;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

.ssmenuvert h2{
border-color:#690;
border-style:solid;
border-width:0 0 3px 0;
font-size:medium;
font-weight:700;
margin:0;
padding-left:0em;
text-transform:uppercase;
}

.ssmenuorange dl, .ssmenuvert dl {
margin-bottom:1.5em;
margin-top:0.5em;
}

.ssmenuorange a {
color:#f60;
background-color:transparent;
display:block;
font-weight:700;
padding-left:1em;
text-decoration:none;
}

.ssmenuvert a {
color:#690;
background-color:transparent;
display:block;
font-weight:700;
padding-left:1em;
text-decoration:none;
}

/*
 *   encart de login
 */
#ssmenulogin {
color:#634542;
background-color:#DEE3C6;
}

#ssmenulogin h2{
  border-color:#2a5b90;
  border-style:solid;
  border-width:0 0 3px 0;
  font-size:medium;
  font-weight:700;
  margin:0;
  padding-left:0em;
  text-transform:uppercase;
  background-image: url(images/user.gif);
  background-repeat: no-repeat;
  background-position: center right;
}
#ssmenulogin dl {
margin:0.3em 0 0 0;
}
#ssmenulogin dt {
margin:0 0 0 1em;
}
#ssmenulogin dd {
margin:0 0 0 1em;
}
#ssmenulogin input {
  width:100px;
  margin:0;
  padding:2px;
  font-size: x-small;
}
#ssmenulogin input.bouton {
  margin:0.5em 0 0 0;
  padding:0;
  width: 106px;
  border: 1px solid #987d70;
  font-size: small;
}
.ssmenuorange a:hover{
background-color:#ffecce;
color:#f60;
}

.ssmenuvert a:hover{
background-color:#eaf2db;
color:#690;
}

table.footer {
font-size: 8pt;
margin:0 2% 0 2%;
width:96%;
padding:0;
text-align: left;
position:absolute;
bottom:0;
}