html{
  background: #ddd; 
      background-image: url("./images/versaillesfond.png");
         background-attachment: relative;
            background-position: 0.5em 0.5em;
               background-repeat: no-repeat; 
          width: 800px;
          
  }
body {
  color: #031;
    background-color: transparent;  
                  line-height: 1;
                   padding: 150px 20px 20px 140px;
  text-align: justify;
    font-family: Georgia, "Times New Roman",
          Times, serif;
          max-height: 200px;
          }
cadre{width: 500px;
height: 450px;
}
div#principal{
position: absolute;
top: 145px;
left: 160px;
right: 0;
height: 460px;
overflow: scroll;
padding-right: 10px;
}
h1 {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
  line-height: 1;
  text-align: center;
  font-variant: small-caps;
  border-bottom: thin solid;
  text-decoration: none;
  padding: 0 0.5em 0.2em 0.5em;
  font-weight: normal }
/*h1:first-line { 
  border-bottom: none;
  font-style: italic }*/
a:link img, a:visited img {
  border-style:none }
h1, h3 {
  color: #000 }
h3 {
  font-weight: bold;
  font-size: 1em;
  margin: 1.5em 1em 1em 0;
  display: block }
h3.subtitle {
  font-weight: normal;
  font-style: italic;
  margin: 1em;
  display: block;
  text-align: center }
h2 {
  display: block;
  text-align: center;
  line-height: 1;
  color: #336;
  border-bottom: thin solid;
  padding: 0 0.5em 0.2em 0.5em;
  /*font-weight: bold;
  text-transform: uppercase;*/
  clear: both;
  margin-top: 3em }
div.section {
  clear: both }
object.bando{
    display: block;
    margin-left: auto;
    margin-right: auto
  }
address { 
  text-align: right;
  font-style: italic }
p.aut { 
	display:block;
  text-align: right;
  font-style: italic }
/* Indent rather than top margin*/
p + p {				
  text-indent: 1.5em;
  margin-top: 0 }
p {
  margin-top: 1em;
  margin-bottom: 0 }
dd {
  padding-left: 1.5em;
  margin-left: 0 }
a:link {
  color: #036 }
a:visited {
  color: #036 }
a:active {
  color: #036 }
a:hover {
  background: #135;
  color: #FFF;
  outline: none }
a:hover * {			/* Work-around for Konqueror 3.1 */
  background: inherit }
div.back {
  clear: both }
address {
  margin-top: 1em;
  padding-top: 0em;
  border-top: thin dotted }
ul {list-style-type: none;
margin: 0;
padding: 0;}

/* Some specific classes */
h3 img{
float: right;
width: 2em;
height: auto;
}
a.new{
	target-new: window}
object.bando {
	display:block;
	margin-left:auto;
	margin-right:auto}
p.milieu{
	text-align:center}
p.milieu img{
	margin-left: auto;
    margin-right: auto}
p.droite {
	text-align: right;
	}
p.droite img{
	margin-left: auto;
    margin-right: 1em;
    }
p.milieu {
	text-align: center;
	}
p.milieu img{
	margin-left: auto;
    margin-right: auto;
    width: 30em;
    height: auto;
    }

span.date {
  color: #999 }
span.date:after {
  content: "\A0\A0" }
p.stb {				/* Small thematic break */
  text-indent: 0;
  margin-top: 0.6em }
p.hint + p, p.alt-hint + p {
  text-indent: 0;
  margin-top: 1em }
p.remark {
  font-size: smaller}
.hide {
  display: none;
  color: white }
div.endmatter {
  clear: both;
  margin-top: 1em;
  border-top: thin solid;
  padding-top: 1em }
ul.toc {
  list-style: none }
address img {
  float: right;			/* Portrait of the author */
  margin-left: 0.5em;
  width: 4em }
dl.compact {			/* A DL as a single para, with ¦ */
  padding: 0;
  margin-left: 0;
  margin-right: 0 }
dl.compact dt {
  display: run-in;
  font-weight: bold;
  margin: 0;
  padding: 0 }
dl.compact dd {
  margin: 0;
  padding: 0 }
img.intro{
float: left}
  
div.bando img{}

/* Give the body some margins to make room for the two menus */

html {
  margin: 0;
  }

html>body {
  padding-LEFT: 165px }	

.box{              
		text-align: center;
        background: #def;           
        margin: 2em;
        padding: 0.5em;               
        border-style: dashed;         
        border-width: 1px;
        border-color: #002200;
}
/*LOGO*/
#logo {
  margin-right: auto; 
  margin-left: auto;
  width: 8em;
  border-width: 1px;
  height: auto;
  overflow: none;
  float: top; }
/*UPMENU*/
  #upmenu {
position: absolute;
top: 25px;
left: 200px;
z-index: 100;
background: transparent;

width: 100%; /* précision pour Opera */
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}
#upmenu dl {
float: left;
width: 130px;
}
#upmenu dt {
cursor: pointer;
color: #fff;
text-align: center;
padding-top: 1px;
background: transparent;
/*border-bottom: 0.5px solid white;*/
margin: 1px;
}
#upmenu dd {
display: none;
border: 1px solid white;
padding-left: 0em;
}
#upmenu  a:hover {
background: #031;
color: #fff;
}

#upmenu li {
text-align: center;
background: transparent url("./images/fondverttransp.png") repeat;
}
#upmenu li a, #upmenu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}#upmenu dt a {
color: #fff;
}


  
/*LEFTMENU*/
.leftmenu {
    list-style-type: none;
    padding-top: 140px;
    margin: 0;
    position: absolute;
    top: 10px;
    left: 0em;
    bottom: auto;
    right:auto;
    width:70px;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;    
  text-align: left;
    background:transparent;
    }
.leftmenu a{
display: block;
height: 45px;
width: 115px;
text-decoration: none;
font-weight: bold;
margin-left: 0.9em;
margin-top: 2px;
margin-right: 0;
color: #031;
text-indent: 20px;
text-align: center; 
line-height: 52px;
background-image:url(./images/bouton1.png);
background-position: right bottom;
background-color: transparent;
background-repeat: no-repeat;
padding-right: 0.5em;
}
	 
.leftmenu a:visited{
text-decoration: none;
color: #031;
background-image:url(./images/bouton1.png);
background-position: right bottom;
background-color: transparent;
background-repeat: no-repeat;
}


.leftmenu a:hover{
color:#aaa;
background-image:url(./images/bouton.png);

background-position: right bottom;
background-color: transparent;
background-repeat: no-repeat;

}

body>.leftmenu a{
margin-right: -0.9em;
}


.leftmenu com{
display: block;
height: 1em;
width: 5em;
text-decoration: none;
margin-left: 0.9em;
margin-top: 0.1em;
margin-right: 0;
text-align: center;
color: #031;
text-indent: 50px;
background-image:url(./images/);
background-position: left center;
background-color: transparent;
background-repeat: no-repeat;
padding-right: 0.5em;
}
div#Logo div, div#Logo map {	/* QA pages have extra elements inside the */
  position: static;		/* DIV. Make sure they don't do anything. */
  display: inline;
  margin: 0;
  padding: 0;
  background: transparent }
div.header {			/* The banner replaces the header */
  display: none }
 
#footer{
  position: fixed;
  width: auto;
  overflow: visible;
  top: 488px; 
  right: auto;
   bottom: auto; 
  left: 650px;

}

div#Logo,
div.banner {
  position: absolute;
  font-weight: normal;
  width: auto;
  height: 7.3em;
  overflow: visible;
  top: 1em; right: 14em; bottom: auto; left: 2em;
  line-height: 1.2;
  text-align: right;
  /*background: white;*/
  color: black }
div.banner ul, div.banner li {	/* Lists become inline */
  margin: 0;
  padding: 0;
  display: inline }
div#Logo p,
div.banner p {
  font-size: 0.9em;
  margin: 0 0 0 0 }
div.banner a:after {
  content: " \2022";
  color: #900 }
div.banner a:before {
  content: "\2022  ";
  color: #900 }
div.banner a:first-child:before,
div.banner a + a:before,
div.banner a[rel=home]:after { 
  content: "" }
div.banner a.home:after {
  content: "" }
div#Logo a[rel=home],
div.banner a[rel=home] {
  float: left; margin-right: 1em }
div#Logo a.home,
div.banner a.home {
  float: left; margin-right: 1em;
  text-align: left /* This seems to help Opera 6... */ }
div#Logo img,
div.banner img {
  max-height: 7em }


@media print {
  /*
   * Don't print the menus. Make the title large enough
   * to take half a page. Print a W3C logo in the
   * upper left corner.
   *
   *  Once columns are in CR or Rec, add
   * 'column-width: 17em; column-gap: 2em' to BODY and
   * 'column-span: all' to H1, because most paper is much
   * wider than the optimal line length.
   */
  div.banner, div#Logo, div.map, div#Menu {display: none}
  body, html>body {margin: 0; padding: 0}
  body:before {display: block; content: url(../Icons/w3c_main.png)}
  h2 {color: black}
  h1 {border: none; color: #aa7; padding: 2em 0.5em 1em 0;
    margin: 0.5em 0; text-transform: uppercase;
    font-size: 600%; line-height: 1; font-weight: normal}
  h1:first-line {font-style: inherit}
}

/*
Local variables:
mode: css
cssm-indent-level: 2
End:
*/