body {
  min-height: 300px;
  margin: 0;
  padding: 0;
}

#body1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  background-color: white;
  background-image: url(img/LesOliviersX.jpg);
  background-repeat: no-repeat;
  font: 13px sans-serif;
}

#menu {
  position: absolute;
  top: 300px;
  left: 18px;
  width: 190px;
}

#breadcrumb {
  position: absolute;
  top: 110px;
  left: 250px;
  width: 590px;
  height: 80px;
}

#page {
  padding: 195px 10px 0 240px;
  width: 600px;
  min-height: 200px;
}

/*===================================*/

#menu {
  color: black;
}

#menu ul {
  margin: 0;
  padding: 0;
}

#menu li {
  list-style: none;
  padding: 0.5ex 0.8em;
  margin: 0.5ex 0;
}

#menu li span.voirPageDiscrete {
  font-style: italic;
}

#menu li span.voirBrouillon:before {
  content: url(img/wip.png);
}

#menu li span.voirRedirection {
  font-size: 70%;
}

#menu li > ul > li {
  font-size: 90%;
  padding: 0.5ex 0.8em;
  margin: 0.5ex 0;
  background-color: #EFE;
}

#menu > ul > li > ul > li > ul > li {
  background-color: #E6FFE6;
}

#menu li > ul > li > ul > li > ul > li {
  background-color: #DFD;
}

#menu li > ul > li > ul > li > ul > li > ul > li {
  background-color: #D5FFD5;
}

#menu li a {
  text-decoration: none;
}

#menu li a:hover {
  color: black !important;
}

#menu > ul > li a:link, #menu > ul >li a:visited, #menu > ul >li a:active {
  color: #999;
}

#menu > ul > li > ul > li a:link, #menu > ul > li > ul > li a:visited, #menu > ul > li > ul > li a:active {
  color: #888;
}

#menu > ul > li > ul > li > ul > li a:link,
#menu > ul > li > ul > li > ul > li a:visited,
#menu > ul > li > ul > li > ul > li a:active {
  color: #777;
}

#menu > ul > li > ul > li > ul > li > ul > li a:link,
#menu > ul > li > ul > li > ul > li > ul > li a:visited,
#menu > ul > li > ul > li > ul > li > ul > li a:active {
  color: #666;
}

#menu > ul > li > ul > li > ul > li > ul > li > ul > li a:link,
#menu > ul > li > ul > li > ul > li > ul > li > ul > li a:visited,
#menu > ul > li > ul > li > ul > li > ul > li > ul > li a:active {
  color: #555;
}

/*===================================*/

#breadcrumb {
}

#breadcrumb > p {
  margin: 0;
  padding: 0;
  text-align: left;
  text-indent: 30px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.2em;
  line-height: 180%;
}

#breadcrumb > p.bcShort {
  letter-spacing: 0.1em;
}

#breadcrumb > p.bcVeryShort {
  letter-spacing: 0;
  text-indent: 0;
}

#breadcrumb > p .bcSep {
  font-size: 80%;
  margin-left: 0.5em;
}

#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
  color: inherit;
}

#breadcrumb a:hover {
  color: #271;
}

/*===================================*/

#page div.article {
}

#page h1 {
  margin: 0;
  height: 98px;
  font-size: 180%;
  font-weight: bold;
  line-height: 135%;
}

#page h1 span.soustitre {
  font-size: 85%;
}

#page h1 span.signature {
  display: block;
  text-align: right;
  font-size: 75%;
}

#page h2 {
  margin: 2ex 0 2ex 0;
  font-size: 140%;
  font-weight: bold;
  line-height: 140%;
}

#page h3 {
  margin: 2ex 0 2ex 0;
  font-size: 120%;
  font-weight: bold;
  line-height: 140%;
}

#page h4 {
  margin: 2ex 0;
  font-size: 100%;
  font-weight: bold;
  line-height: 150%;
}

#page p, #page li {
  margin: 0;
  line-height: 165%;
}

#page p, #page li, #page dd {
  text-align: justify;
}

#page p {
  text-indent: 1.8em;
}

#page p.noindent {
  text-indent: 0;
}

#page blockquote {
  margin: 2ex 8%;
  font-size: 90%;
}

#page blockquote p, #page blockquote li, #page blockquote dd {
  font-size: 90%;
  line-height: 160%;
}

#page .encadre {
  margin-bottom: 3ex;
  background-color: #BCD;
  padding: 0.5ex 1.2em;
  border: 1px solid #9AB;
  font-size: 85%;
}

#page a:link, #page a:visited, #page a:active {
  color: #040;
}

#page a:hover {
  color: #271;
}

#page a.external {
  padding: 0 13px 0 0;
  background-image: url(img/external.png);
  background-repeat: no-repeat;
  background-position: center right;
}

#page a.pdf {
  padding: 0 17px 0 0;
  background-image: url(img/pdf.png);
  background-repeat: no-repeat;
  background-position: top right;
}

#page div.vsp {
  height: 3ex;
}

#page ul, #page ol {
  list-style-position: inside;
  padding-left: 0;
}

#page img {
  display: block;
  margin: 0;
  border: none;
}

#page sup {
  font-size: 75%;
  vertical-align: 50%;
  line-height: 100%;
}

#page sub {
  font-size: 75%;
  vertical-align: -50%;
  line-height: 100%;
}

#page em.bold {
  font-style: inherit;
  font-weight: bold;
}

#page var {
  font-weight: bold;
  font-style: italic;
  font-family: serif;
}

#page var.maj {
  font-weight: bold;
  font-style: normal;
}

#page var.curl {
  font-weight: bold;
  font-style: normal;
}

#page .imgdiv p {
  margin: 5px 0 0 0;
  text-align: right;
  font-size: 72%;
}

#page hr.vspace {
  height: 0.7ex;
  margin: 0;
  border: none;
}

#page div.mail {
  margin-left: 1em;
  border-left: 1px solid #740;
  padding-left: 1em;
  text-align: left;
}

#page div.mail p, #page div.mail li, #page div.mail dd {
  text-align: left;
}

#page .smallcaps {
  font-variant: small-caps;
}

@media print {

#body1 {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0 auto;
  background-color: white;
  background-image: none;
  padding: 0;
  font: 12px sans-serif;
}

#menu {
  display: none;
}

#breadcrumb {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
}

#page {
  position: static;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
}

#page h1 {
  height: auto;
}

a {
  text-decoration: inherit!important;
  color: inherit!important;
}

#page a.external {
  padding: 0;
  background-image: none;
}

}