/* Mise en page globale */
body { 
margin: 0;
padding: 0;
height: 100%;
background: #ffffff;
color: #68676c;
font-size: 80%;
font-family: Trebuchet MS, Verdana, Arial, Helvetica, serif;
}
/* En-tête */ 
#header {
margin: 0;
padding: 0;
height: 170px;
background: #f0c900 url(logo.jpg) top left no-repeat;
}
#header img {
float:  top right no-repeat; 
margin: 0;
padding: 0;
}
#header p { 
margin: 50px 0px 0px 100px;
color: #96969a;
font-size: 200%;
font-weight: bold;
}
/* Menu horizontal */
#menuhaut { 
margin: 0;
padding: 0;
list-style-type: none;
background-color: #c2c3c6;
color: #f0c900;
text-align: right;
}
#menuhaut li {
display: inline;
} 
#menuhaut a {
color: #ffffff;
text-decoration: none;
}
#menuhaut a:hover {
color: #ffffff;
text-decoration: underline;
}
/* Menu vertical */
#menu {
float: left;
width: 200px;
height: 400px;
padding: 0em 0 0em 0;
margin: 0px;
background: #f0c900 url(menu.jpg) bottom no-repeat;
}
#menu ul {
list-style-type: none;
padding: 0;
margin-left: 10px;
text-align: left;
} 
#menu li a {
display: block;
text-decoration: none;
height: 30px;
width: 100%;
line-height: 30px;
color: #ffffff;
font-weight: bold;
font-size: 15px;
}
#menu li a:hover {
background: #ffffff;
color: #f0c900;
}
/* Contenu global */
#global {
margin-left: 210px;
min-height: 619px;
}
#global h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
text-indent: 5px;
color: #96969a;
}
#global h2 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 110%;
font-weight: bold;
color: #f0c900;
}
#global a {
color: #f0c900;
text-decoration: none;
}
#global a:hover {
text-decoration: underline;
}
#global li {
list-style-image: url(puce.gif);
}
.img-shadow {
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #c2c3c6;
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }
.p-shadow {
  width: 99%;
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.p-shadow div {
  background: none !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.p-shadow p {
  color: #f0c900;
  background: #ffffff;
  border: 1px solid #c2c3c6;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }

.p-shadow  a {
  text-decoration: none;
  display: block;
  font-weight: bold;
  }


#gallery a {
color: #ffffff;
text-decoration: none;
}
#gallery a:hover {
text-decoration: none;
}
/*images centrés*/
#imgcenter {
text-align:center;
}
/* Encart */
#encart {
float: right; 
width: 250px;
margin: 0 5px 5px 5px;
padding-top: 10px;
background: #f0c900 left top no-repeat;
}
#encart h3 {
font-size: 130%;
color : #ffffff;
margin: 0 0 0 40px;
}
#bloccadre {
background: #f0c900 left bottom no-repeat;
padding: 0 0 25px 40px;
}
#bloccadre ul {
margin: 1em 0 0 0;
padding:0;
}
#bloccadre li {
margin: 0;
list-style-image: url(http://arboressence.free.fr/un_style/puce2.gif);
}
#bloccadre li a {
color: #ffffff;
text-decoration: none;
}
#bloccadre li a:hover {
color: #f0c900;
background : #ffffff;
text-decoration: none
}