body {
 background-color : white;
 font-family : Arial, helvetica, Sans-Serif;
 color : #3c0001;
 font-size : 11pt;
 margin: 0px;
 padding:0px;
}
/* -- menu haut --
  inspiré de  http://www.cssplay.co.uk/menus/drop_examples.html
-------- */
#top {
 position:absolute;
 top:67px;
 left:0px;
 width:1091px;
 height:100px;
 background: white url('../img/topbg.png') top left repeat-x;
 margin: 0;
 padding:0;
 z-index:1;
}
#menuh {
 position:relative;
 bottom:52px;  /* à accorder avec #top height */
 left:310px;
 width:900px;  /* pour ne pas "baver" en 800x600 */
 z-index:1;
}
#menuh ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
#menuh ul li {
float:left; 
position:relative; 
}
#menuh ul li ul {
display: none;
}
#menuh table {
 margin:0; 
 border-collapse:collapse; 
 position:absolute; 
 top:0; 
 left:0;
}

#menuh > ul > li > a {
 font-family: Verdana, "Bitstream Vera Sans", Sans-Serif;
 color: #a98384;
 text-decoration: none;
 border-left: 1px dotted #a98384;
/* font-weight: bold;  */
 font-size : 9pt;
 padding: 0px 15px 14px 4px;
 display: block;
}

#menuh > ul > li > a:hover {
 color: #d6c4c5;
 background: #4a0000 url('../img/topbghov.png') 0px 0px repeat-x;
}
#menuh > ul > li#on > a  {
 color: #d6c4c5;
 background: #4a0000 url('../img/topbgon.png') 0px 0px repeat-x;
}
#menuh > ul > li#on > a:hover {
 background: #4a0000 url('../img/topbghov.png') 0px 0px repeat-x;
}

#menuh ul li ul li a {
 text-decoration: none;
}

#menuh ul li:hover ul {
display:block;
position:absolute;
top:42px;   /*  44  */
left:0;
width:175px;
border-right:1px solid white;   /* bord drop down */
border-bottom:1px solid white; 
margin:0;
padding:0;
}
#menuh ul li:hover ul li a {
display:block;
background:#ffe8cf;
height:auto;
line-height:15px;
padding:4px 5px; 
width:163px; 
border: 1px solid #d6c4b6; 
border-top:0;
color:#3C0001;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
#menuh ul li:hover ul li a:hover {
background:#fff0e5;
}

/* ---- container menu  gauche & texte ----- */
#container {
 position:absolute;
 top:160px;
 left:0px; 
 width: 1104px;  /* 784+320 */
 margin: 0;
 padding: 0;
 background: url("../img/menugbk.png") repeat-y;
}

#slogan {
 position:absolute;
 top:180px;
 left:777px;
 width:308px;
 font-family: Verdana, "Bitstream Vera Sans", Sans-Serif;
 color: #D6C4C5;
 font-style: italic;
 font-size : 9pt;
}

#zonetexte {
 float: right;
 margin : 15px 0 0 0; 
 padding : 0 336px 0 4px;
 width: 590px; /* largeur int hors padding a accorder avec #container width (ombre dte) */
 background: #FFFAF5 url("../img/texteombre.png") repeat-y top right;
}
#zonetexte a:hover {
 color:#EC9000;
}
#zonetexte li {
 margin: 3px 0 4px 0;
}
div#zonetexte, p, td, blockquote, div, h1, h2, h3, h4, th, .p {
 font-family : Arial, helvetica, Sans-Serif;
 color : #3c0001;
}

/* hiérarchie racine > page */
#hierarch {
  margin : 0 5px 0 0;/* pour ligne bordure */
  padding : 4px 0 2px 2px;
  border-bottom: 1px solid #ece5e5;
}
#hierarch a, #hierarch a:visited {
 font-family : Verdana, Arial, helvetica, Sans-Serif;
 font-size : 10pt;
 text-decoration: none;
 color : #3c0001;
}
#hierarch a:hover {
 text-decoration: underline;
}

.clear { 
 clear: both; 
}
/* fond de page */
.clear_fond { 
 clear: both; 
background: white url("../img/texteombreb.png") no-repeat top right;
}

/* menu gauche */
#menugau {
 float: left;
 width: 170px;
 margin: 0;
 padding: 0;
}
#menugau > div {margin:0;padding:0;}
#menugau table {
 margin:0;padding:0;border:0;
 border-collapse:collapse;
 width:100%;
}
#menugau td {
 background-color :#fda307 ;
 margin:0;padding:0;
}
#menugau table td.shadr{
 width: 3px;
 font-size: 3px;
 background: url('../img/shadr.png') no-repeat top left;
}
#menugau table td.shadb{
 height:3px;
 background: url('../img/shadb.png') no-repeat top right;
}
#menugau dl, #menugau ul, #menugau dd, #menugau li {
 list-style: none;
 margin: 0;
 padding: 0;
 border: none;
}
#menugau dt {
 margin: 0;
 border-bottom: 1px solid #3c0001;
 line-height: 1em;
}
#menugau dt a {
 background: #ff7a01 url("../img/menugbtn.png") no-repeat left top;
 padding : 3px 2px 3px 2px;
 display: block;
 width: 99%;	/* zone entierement cliquable IE6 */
 font-family: Arial, Helvetica, sans-serif;
 color : white;
 text-decoration: none;
 font-size : 13px;
 font-weight : bold;
}
html>body #menugau dt a { /* zone entierement cliquable FF & IE7 */
 width: auto;
}
#menugau dt a:hover, #menugau dt#rub2on a {
 background: #ff7a01 url("../img/menugbtn.png") no-repeat left -60px;
}

/* menu gauche rubriques niv3 */
#menugau  li {
 line-height: 0.9em; 
 background-color: #ffdab1;
 border-bottom: 1px solid #ffaa4f;
}
#menugau dd  li div {
display: none;  /* fermer s/menus par défaut  */
}
#menugau dd li#rub3on div {
 display: block;
}
#menugau li a {
 padding: 1px 6px 1px 14px;
 display: block;
 width: 87%;
 font-family: Arial, Helvetica, sans-serif;
 color : #3c0001;
 text-decoration: none;
 font-size : 11px;
 font-weight : bold;
}
html>body #menugau li a {
 width: auto;
}
#menugau li a:hover {
 background-color: #ffe8cf;
}
#menugau li.art3off a {
 background: url("../img/menugbtn.png") no-repeat left -120px;
}
#menugau li#art3on a, #menugau li#art3on a:hover {
 background:url("../img/menugbtn.png") no-repeat left -180px;
}
#menugau li.art3off a:hover {
 background: url("../img/menugbtn.png") no-repeat left -240px;
}
#menugau li.rub3off a {
 background: url("../img/menugbtn.png") no-repeat left -300px;
}
#menugau li#rub3on a, #menugau li.rub3off a:hover {
 background: url("../img/menugbtn.png") no-repeat left -360px;
}
#menugau li.for3off a {
 background: url("../img/menugbtn.png") no-repeat left -420px;
}
#menugau li#for3on a, #menugau li#for3on a:hover {
 background:url("../img/menugbtn.png") no-repeat left -480px;
}
#menugau li.for3off a:hover {
 background: url("../img/menugbtn.png") no-repeat left -540px;
}
/* menu gauche rubriques niv4 */
#menugau dd li ul li {
 line-height: 0.9em; 
 border-bottom: 1px solid #ffcca7; 
}
#menugau dd li ul li a {
 padding: 2px 6px 2px 26px;
 color : #3c0001;
 font-weight : normal;
 font-size : 11px;
 background-color: #fff0e5;
 background-image: none;
}
#menugau dd li ul li a:hover {
 background-color: #fffaf5; 
 background-image: none;
}
#menugau dd li ul li.art4off a, #menugau dd li#rub3on ul li.art4off a {
 background: url("../img/menugbtn.png") no-repeat left -600px;
}
#menugau dd li ul li#art4on a {
 background: url("../img/menugbtn.png") no-repeat left -640px;
}
#menugau dd li ul li.art4off a:hover {
 background: url("../img/menugbtn.png") no-repeat left -680px;
}
#menugau dd li ul li.for4off a {
 background: url("../img/menugbtn.png") no-repeat left -720px ! important;
}
#menugau dd li ul li#for4on a {
 background: url("../img/menugbtn.png") no-repeat left -760px;
}
#menugau dd li ul li.for4off a:hover {
 background: url("../img/menugbtn.png") no-repeat left -800px ! important ;
}

p, td, th, li {
 font-size : 11pt;
}

h1 {
 font-weight : bold;
 color : #a98384;
 font-size : 18pt;
}

h2 {
 font-weight : bold;
 color : #a98384;
 font-size : 14pt;
}

h3 {
 color : #a98384;
 font-weight : bold;
 font-size : 12pt;
}

h4 {
font-weight : bold;
border-bottom: 1px solid #a98384;
font-size : 10pt;
color : #a98384;
}

th {
 font-weight : bold;
 font-size : 11pt;
}

.p {
font-size : 9pt;
}

#zonetexte table.border {
  border-collapse: collapse;
  padding : 2px;
}
#zonetexte table.p td, #zonetexte table.p p, #zonetexte table.p th {
font-size : 9pt;
}
#zonetexte table.border td, #zonetexte table.border th {
  border: 1px solid #dcbba0;
}
#zonetexte table.border tr.odd {
  background: #fff5ed;  /* #fff0e5; */
  }
#zonetexte table.border td table td, #zonetexte table.border th table td {
  border: 0px;
}

#cadre_droit {
 position: absolute;
 top: 170px;
 left: 790px;
 width: 290px;
 padding : 0px;
}

/* -- sommaire des dossiers -- */
.dossier {
 margin : 10px 0 10px 0;
 padding : 0;
 border-right: 1px solid #D6D8B8;
 border-bottom: 1px solid #D6D8B8;
 background : #fff0e5;
 width : 400px;
}
.dossier h3 {
 margin:0; padding: 3px;
 background:#ffe8cf url(../img/somm.png) no-repeat left bottom;
 color:#bc6100;
 font-size:13px;
}
.dossier ol {
 margin : 0;
 padding : 0 0 0 25px;
}
.dossier li, .dossier a {
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none; 
 font-size : 12px;
 color : #3c0001;
}
.dossier a.active {
 font-weight: bold;
}
/* -- pubs -- */
#megabanner {
 position: absolute;
 z-index:2;
 top: 0px;
 left: 300px; 
 margin:0;
 padding:0;
 width: 791px; /* 728px;*/
 height: 90px;
}
#megabanner table, #megabanner table td, #carre table {
 margin:0;
 padding:0;
 border-collapse:collapse; 
}
#carre {
 margin : 5px 0 5px 0;
 width: 320px;
 /* height: 270px; */
}
#carre table td {
 font-family : Arial, helvetica, Sans-Serif;
 font-size : 7pt;
 color : #EA2727;
}


/* éléments marge droite */
#droite {
 position: absolute;
 top: 220px;
 left: 776px;
 margin:0;padding:0;
 width: 230px;
}
.rightwrap {
 position: relative;
 margin: 8px 0 18px 0;
 padding:0;
 width: 220px;
}

.rightcontent {
  border: 1px solid #ff8404;
  padding : 3px;
  clear : both;
  background: #FFFBF7;
}
.rightwrap ul {
 list-style: none;
 margin:0px;
 padding:0px;
}
.rightwrap li  { 
 float: left;
 display: block;
 line-height: 20px;
}
/* browser W3C */
.rightwrap li > span {
text-decoration: none;
 padding-left: 15px;
 background: url("../img/tabdroit_g.png") no-repeat left top;
}
.rightwrap li > span > span {
 font-family : Arial, helvetica, Sans-Serif;
/* font-weight: bold;  */
 color : white;
 text-decoration: none;
 padding-right: 15px;
 background: url("../img/tabdroit_d.png") no-repeat right top;
 font-size : 9pt;
}
.rightwrap li > span, .rightwrap li > span span { /*FF*/
 display: block;
}
/* declarations separees pour IE6 ! */
.rightwrap a {
 text-decoration: none;
 background: url("../img/tabdroit_g.png") left top no-repeat;
}
.rightwrap a {
 padding-left: 15px;
}
.rightwrap a span, .sommaire th a span { 
 font-family : Arial, helvetica, Sans-Serif;
 color : white;
 text-decoration: none;
 padding-right: 15px;
 background: url("../img/tabdroit_d.png") right top no-repeat;
 font-size : 9pt;
}
.rightwrap a, .rightwrap a span {
 display: block;
}
.rightcontent a {
 background: none;
 margin:0; 
 padding:0 0 1px 12px;
 text-indent:-10px;
 font-family : Arial, helvetica, Sans-Serif;
 font-size : 9pt;
 color : #3c0001;
}
.rightcontent a:hover {
 text-decoration: underline;
}

#qjump {WIDTH: 205px}

#pied {
 text-align :center;
 margin: 25px 2px 35px 0;
 padding: 0;
 border-top: 1px solid #ECE5E5;
 border-bottom: 1px solid #ECE5E5;
 font-size: 8pt;
 line-height: 1.5em;
}
#pied a:link, #pied a:visited {color: #771464; }

.sommaire th {
 line-height: 22px;
 padding : 0 0 0 10px;
 font-size : 9pt;
 text-align : left;
 font-family : Arial, helvetica, Sans-Serif;
 color : #743839;
 text-decoration: none;
 background: url("../img/tabsommaire.png") left top no-repeat;
}
/* reactions articles */
#reac h2, #reac h3, #reac p, #reac b, #reac a, #reac span, #reac div{
  font-family:'Times New Roman',Times,serif;
  color : #006a80;
  font-size:11pt;
}
#reac h2, #reac h3, #reac h3 a {
  font-size:14pt;
  font-weight:normal;
/*  line-height:120%; */
}
#reac h2 {
  border-bottom:1px solid #CCCCCC;
}
#reac div {
 border-bottom: 1px dashed #CCCCCC;
 padding-bottom: 2px;
 margin-bottom: 7px;
}