br.spacer {
clear: both;
}
body {font: normal 83% "tahoma", georgia, verdana, sans-serif; color: #35484e; background: #7c9659 ;}
h1 {margin: 0; color: #51262d; font-variant: small-caps;}
h3 {margin: 0; text-align: center; border-bottom: dashed 1px #51262d; color: #51262d;}
a {color: #d6f29e; text-decoration: none;}
a:hover {color: #424339; text-decoration: underline;}

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}
.rtop,.rbottom{display: none}


#cxontainer {background-color: #888345;}
#myheader { width: 100%; margin-bottom: 3px ;}
#topleft { float:left; width: 15%; padding-top: 18px; padding-left: 8px;}
#topright {float:right; width: 23%; padding: 5px; margin-top: -100px; }
#topcontent { margin-left: 18%; margin-right: 25%;}
#topcontent a {color: d6f29e; text-decoration: none;}
#topcontent a:hover {color: #424339; text-decoration: underline;}


.small {margin-left: 10px; font-size: 50%;}
.menu ul {margin: 0; margin-top: 4px; margin-bottom: 10px; padding: 0; list-style: none;}
.menu a {text-indent: 3px; width: 93%; margin: 1px; padding: 2px;padding-left:5px; display: block; border: solid 1px #35484e; background-color: #d6f29e; color: #35484e;}
.menu a:hover { text-indent: 3px; background-color: #6c8649; color: #ffffff; text-decoration: none;}


.rightmenu ul {margin: 0; margin-top: 8px; margin-bottom: 8px; padding: 0; list-style: none;}
.rightmenu li {margin-top: 5px; marginbottom: 5px;}
.rightmenu a {color: #d6f29e;}
.rightmenu a:hover {color: #324339; text-decoration: underline;}

td {font: normal 83% "tahoma", georgia, verdana, sans-serif; color: #35484e; }
img { padding-right:5px ;}

div.edito          { border:solid 1px #9CB4CE; background:#EDFBEC; margin-top:5px; margin-left:5px; margin-right:5px; padding-top:0px; padding-bottom:0px; padding-left:5px; padding-right:5px;  }
div.edito4          { border:solid 1px #9CB4CE; background:#F1FFEF; margin-top:5px; margin-left:5px; margin-right:5px; padding-top:0px; padding-bottom:0px; padding-left:5px; padding-right:5px;  }

div.editovert          { border:solid 1px #7c9659; background:#d6f29e; margin-top:5px; margin-left:5px; margin-right:5px; padding-top:0px; padding-bottom:0px; padding-left:5px; padding-right:5px;  }

.edito a {color: blue; text-decoration: none;}
h1.article           { font-family:Trebuchet MS,arial; font-variant:small-caps; font-size:11pt;
	                   color:#369;
	                   font-weight:bold; 
	                   border-bottom:1px solid #369; }

#header {margin-bottom: 10px; text-align: center;}
#topnav {margin-bottom: 10px; text-align: center;}
#left {position:absolute;left:5; width: 15%; margin-bottom: 25px; padding: 5px; background-color: #688345; border: solid 3px #324339;-moz-border-radius:1em;}
#left h3 {color: #d6f29e; border-bottom: dashed 1px #324339; margin-bottom: 1px; background-image:url(a1.gif);}
#right {float: right; color:#000000; width: 23%;padding: 5px; background-color: #688345; border: solid 3px #324339; -moz-border-radius:1em;}
#right h3 {color: #d6f29e; border-bottom: dashed 1px #324339;margin-bottom: 1px;  background-image:url(a1.gif);}
#right2 {position:absolute;right:5; color:#000000; width: 23%; padding: 5px;background-color: #7c9659}

#content {margin-left: 18%;  margin-right: 25%; padding: 5px; padding-left: 8px; padding-right: 8px; background-color: #b5d18f; border: solid 3px #51262d;-moz-border-radius:1em;}
#content p {text-align: left;}
#content a:hover {color: #f03732;}


#footer {clear: both; margin-top: 25px; text-align: center;}

div.banniere      { width:100%;  color:#c60; background-color:#ffecce; border:1px solid #c60; }
div.titredusite   { width:100%;  background:#EEEEEE; border:solid 1px #CCCCCC; font-family:Trebuchet MS	,arial; font-size:9pt; text-align:left; }
td.banniere        { width:100%;  color:#c60; background-color:#FFFFAA; border:1px solid #c60; padding:0px; }