/* cadre fixe avec arbres */
body { background: #eef; font-family: Palatino; width: 430px; margin-right: auto; margin-left: auto; margin-bottom: 400px; z-index: 1; position: relative; padding-right: 200px; color: #231 }

#cadre1 { position: fixed; margin: 0; padding: 0; display: block; width: 100%; height: 100%; top: 0; left: 0; background: url(2arbres.gif) center bottom no-repeat; z-index: -1; }

#cadre2 {	position: fixed; margin: 0; padding: 0; display: block; width: 100%; height: 190px; left: 0; background: url(2arbres-bas.gif) center bottom no-repeat; z-index: 3; bottom: 0; }

#cadre3 {	position: fixed; margin: 0; padding: 0; display: block; width: 100%; height: 302px; left: 0; background: url(2arbres-haut.gif) center no-repeat transparent; z-index: 4; bottom: 464px; }

#cadre4 { 	position: fixed; margin: 0; padding: 0; display: block; width: 100%; height: 200px; left: 0; background: #ccc; z-index: 4; bottom: 766px; }
#cadre4:after {content:"R�duisez la taille de la fen�tre"}

h1, h2, h3 {color: #421}
a:link { color: #750; text-decoration: none; }
a:visited { color: #641; text-decoration: none; }
a:hover, a:active { color: #310; }

p, ul { text-align: justify; color: #132 }
b {	color: #162 }
i { color: #511 }
u { color: #421 }

img { max-width: 300px }

blockquote { margin: 0; padding: 0 }

td.gauche {text-align: right; border-bottom: solid 1px}
td.centre {text-align: center; border-bottom: solid 1px}
td.droite {text-align: left; border-bottom: solid 1px}

#margehaute { height: 175px }

.entete, .pieddepage { display: block;}
.entete img, .pieddepage img { border: none;}
.entete h2, .pieddepage h2 { font-size: medium; }
.entete a, .pieddepage a {text-decoration:none}
.entete p, .pieddepage p { font-size: small; }
.entete p.soustitre, .pieddepage  p.soustitre { font-size: x-small; margin-top: -0.8em; border-top: solid 1px}
.entete hr, .pieddepage hr { display:none }
.entete hr + p, .pieddepage hr + p { margin-top: -0.8em; border-top: solid 1px }

.pub td { width: 100% }
.pub img { width: 100% }

#menuaspect { position: fixed; display: block; width: 430px;  height: 14px; z-index: 5; }
#menuaspect {left: auto; right: auto; top: 5px }
#menuaspect2 {}
#menuaspect ul, #menuaspect2 ul {display: block; float: right; padding-left: 0px; list-style: none;}
#menuaspect li:first-child:before, #menuaspect2 li:first-child:before {content: "Aspect de la page > "; font-size: xx-small; color:#390; border-right: solid 10px #0a0}
#menuaspect li, #menuaspect2 li {display: inline;}
#menuaspect a, #menuaspect2 a { text-decoration: none; background: none; font-size: xx-small; }
#menuaspect a:hover {font-size: small; background: #cdf}
#menuaspect li a, #menuaspect2 li a { padding-left: 5px; padding-right: 5px; border-left: solid 1px}
#menuaspect li:first-child a, #menuaspect2 li:first-child a {border-left: none}

.menuaspectoriginal {}
.menuaspect0 {color: #ca9}

div#menuaspect .menuaspectprincipal, div#menuaspect .menuaspect1, div#menuaspect .sansstyle {}
 div#menuaspect .menuaspect0, div#menuaspect .menuaspect2, div#menuaspect .menuaspect3, div#menuaspect .menuaspect4, div#menuaspect .menuaspect5, div#menuaspect .menuaspect6, div#menuaspect .menuaspect7, div#menuaspect .menuaspect8, div#menuaspect .menuaspect9, div#menuaspect .menuaspect10 {display: none}
div#menuaspect2 .menuaspect1, div#menuaspect2 .menuaspect2, div#menuaspect2 .menuaspect3, div#menuaspect2 .menuaspect4, div#menuaspect2 .menuaspect5, div#menuaspect2 .menuaspect6, div#menuaspect2 .menuaspect7, div#menuaspect2 .menuaspect8, div#menuaspect2 .menuaspect9, div#menuaspect2 .menuaspect10 {display: none}

#menusite { position: fixed; margin: 0; display: block;  width: 100%; height: 14px; z-index: 5;  font-size: xx-small}
#menusite {left: auto; right: auto; bottom: 30px }
#menusite ul {padding-left: 0px; list-style: none;}
#menusite li {display: inline; padding-left: 5px; padding-right: 5px; border-left: solid 1px}
#menusite li:first-child {width: 145px; display: block; float:left; border-left: none}
#menusite li:first-child + li {; border-left: none}
#menusite a {background: none}
#menusite a {color: #f00}
#menusite a:hover {font-size: small; background: #dfc}
#menusite a:visited {color: #f70 }

#menuindex { text-align: center ;background: none; font-size: xx-small }
#menuindex ul {padding-left: 0px; list-style: none;}
#menuindex li  {display: inline; border-left: solid 1px; padding-left: 5px; padding-right: 5px}
#menuindex li:first-child { border-left: none}


#menucours {text-align: center ;background: none; font-size: xx-small}
#menucours ul {padding-left: 0px; list-style: none;}
#menucours li {display: inline; padding-left: 5px; padding-right: 5px}
#menucours li a {}
#menucours .menusite img {display: block; float: right}


#menupage a {padding-left: 5px; padding-right: 5px;background: none; font-size: xx-small}
#menupage a + a {border-left: solid 1px}


.menuimage .choix a{ display: block;text-decoration: none; font-size: large; text-align: left; text-indent: 5mm; }
.menuimage .choix a:first-letter {font-size: xx-large }

 
#menupage { text-align: center; padding-left: 160px; font-size: x-small;  padding-top: 5px; padding-bottom: 5px }
#menupage a { padding-left:5px; padding-right: 5px; text-decoration: none}
#menupage a +a { border-left: solid 1px }

a.menusection { color: #ccf; text-decoration: none; font-size: small }
a.menusection:hover{ background: #006 }

.menutournepage {text-align: center; padding-left: 160px; font-size: x-small; padding-top: 5px; padding-bottom: 5px }
.menutournepage ul {padding-left: 0px; list-style: none;}
.menutournepage li {display: inline; padding-left: 5px; padding-right: 5px; border-left: solid 1px #fff}
.menutournepage li:first-child {border-left: none}
.menutournepage li a {text-decoration: none;}
.menutournepage li a:hover {text-decoration: none;}


.entete { padding-top: 15px; }
div.titre, div.references {}

div.titre h1, div.titre p {}
.titre img { display: block; float: right; text-align: right}

.chapitre {}
.chapitre .galerie {display: block;}
.chapitre .galerie .menugalerietexte {display: block; width: 130px; float: right; margin-top: 3px; padding-right: 15px; font-size: small; background: #ddf;}
.chapitre .galerie .menugalerietexte a {text-decoration: none; color: #251}
.chapitre .galerie .menugalerietexte a:hover {background: #251; color: #ddf}
.chapitre .galerie .illustration {display: block; height: 350px;}
.chapitre .galerie .illustration td {height: 320px; }
.chapitre .menugalerieimage {display: block; margin-top: -350px; height: 350px; padding-left: 500px;  }
.chapitre .menugalerieimage ul {list-style: none; }
.chapitre .menugalerieimage li {display: block; }
.chapitre .menugalerieimage img {width: 50px }

table.note { display: block; float: left;	 background: #e8ffbf; width: 20%}

.note p {}
 
.note img {}

.encart {}


.pieddepage {}

.refdocument { font-size: x-small; color: #532}
.refdocument p { margin-top: 0px; margin-bottom: 0px; padding-top: 0em; padding-bottom: 0em}


#margebasse {height: 200px}