body {
    background: #624823;
    margin: 0;
    padding: 0;
    text-align: justify;
    font-family: Verdana, Arial;
    font-size: 12px;
    color: #333333;
}

#boxLogin {
	position: relative;
	top: -75px;
	left: 162px;
	width: 350px;
	height: 0px;
	font-size: 10px;
	color: #000000;
}

#boxLogin div{
display: inline;
}

#boxLogin label {
	color: #000000;
	font-size: 10px;
}

#boxLogin input {
    color: #FFFFFF;
	font-size: 10px;
    background-color: #B03B04;
    border: 1px solid #d3d7cf;
    padding: 1px;
	width: 60px;
}

#boxLogin button {
    background-color: #B03B04;
    color: #FFFFFF;
	font-size: 10px;
    border: 1px solid #babdb6;
    cursor: pointer;
	margin: 0px;
}


#header {
    width: 950px;
    height: 220px;
    background: #624823 url(header_left.gif) no-repeat;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#header_popup {
    width: 500px;
    height: 76px;
    background: #624823 url(header_popup.png) no-repeat;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}

#container_popup {
    background: #FFFFFF;
    padding: 10px;
}
.popup {
   background: #FFFFFF;
}

#container {
    width: 950px;
    background: #FFFFFF;
    margin: 0 auto;
    padding: 0;
    display: block;
    text-align: justify;
    width: 950px;
}

/* pied de page */
#footer {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 950px;
    height: 29px;
    background: #624823 url(footer.png) no-repeat;
}
.blog-powered {
    padding: 7px;
    text-align: center;
    font-size: 10px;
    color: #FFFFFF;
}


html>body #container {
    width: 950px;
    background: #FFFFFF;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#main_1 { min-width:180px; width: 99%; padding:10px;}
#bar1_1 { width:180px; display:block; padding:10px; padding-left: 25px; display: block;}
#bar2_1 { width:180px; display:block; padding:10px; padding-right: 25px; display: block;}

/* zone d'affichage des pages statiques */
#main_2 { width: 670px; padding: 10px 24px 20px 20px;}

/* zone d'affichage du menu */
#bar1_2 { width:210px; padding: 10px 0px 10px 10px; background: url(motif_buches.jpg) repeat-y; text-align: left;}
#bar1_2 h3 { background: url(bouton.png) no-repeat; font-size: 13px; }
#bar1_2 a { text-decoration: none; color: #000000; width: 100%; height: 20px; display: block; padding: 11px 0px 6px 10px; }
#bar1_2 a:hover { text-decoration: none; }


#bar2_2 { width:0px; }

#main_3 { min-width:180px;  width: 99%; padding:10px; padding-left: 25px;}
#bar1_3 { width:0px; }
#bar2_3 { width:180px; min-width:180px; display:block; padding:10px; padding-right: 25px;}

#main_4 { min-width:180px;  width: 99%; padding:10px; padding-left: 12px;}
#bar1_4 { width:0px; }
#bar2_4 { width:0px; }

a {
    color: #B03B04;
    text-decoration: underline;
    font-weight: bold;
}

a:hover {
    text-decoration: none;
}

li {
    padding-bottom: 10px;
}

/* Titres des pages statiques */
h1 {
    color: #B03B04;
    font-size: 16px;
    border-bottom: #B03B04 1px dotted;
    padding: 0 0 10px 0;
}


/* */
h2 {
    color: #666;
    font-size: 140%;
}

img { border: none; }

/* Menus */
.menu {
    padding: 0;
    margin: 2px;
    margin-top: 10;
    background: #f1f1f1;
}

.menu li {
    list-style: none;
    margin: 0;
}

.menu a {
    width: 99.99%;
    /* extend the sensible area to the maximum with IE5 */
    display: block;
}
/* End Menus */

/* Begin forms */
input, button, textarea, select {
    background-color: #fff;
    color: #000;
    padding: 2px;
    font-size: small;
}

button, input[type="button"], input[type="submit"]  {
    background-color: #B03B04;
    color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
    border: 1px solid #babdb6;
    cursor: pointer;
	margin: 2px;
}

select {
    cursor: pointer;
}

input[type="text"], input[type="password"], textarea {
    color: #555753;
    background-color: #fff;
    border: 1px solid #d3d7cf;
    border-top: 1px solid #babdb6;
    border-left: 1px solid #babdb6;
    padding: 3px;
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus  {
    color: #000;
    background-color: #fff;
    border: 1px solid #3465a4;
}

textarea {
    width: inherit;
}

.widetable {
    width: 100%;
}

table.tableform .button {
    text-align: center;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    margin-bottom: 1em;
    font-size: 80%;
}

legend {
    background-color: white;
    font-weight: bold;
    font-size: 110%;
    padding: 4px;
    padding-left: .5em;
    padding-right: .5em;
}

label {
    font-weight: bold;
    cursor: pointer;
}

fieldset td {
    padding: 1px;
}

fieldset br {
    display : none;
}

fieldset label {
    display: block;
    font-size: 100%;
}

div.oneline label, div.oneline_no_width label {
    margin: 0;
    margin-right: .6em;
    display: block;
    text-align: right;
    float: left;
    font-size: 100%;
    font-weight: bold;
    cursor: pointer;
}

div.oneline label {
    width: 15em;
}

div.oneline_no_width label {
    text-align: left;
}

div.checkbox label {
    margin: 0;
    display: block;
    width: 13em;
    text-align: right;
}

div.checkbox .el {
    margin-left: 13em;
}

div.checkbox .el label, div.checkbox_el label {
    font-weight: normal;
    display: block;
    margin: 0;
    text-align: left;
}

div.radiobox label {
    display: inline;
}

div.radiobox input {
    vertical-align: middle;
}

div hr {
    border-color: black;
}

div.buttons {
    clear: both;
    padding-top: 10px;
    padding-right: 11px;
    float: right;
}

fieldset div {
    clear: left;
    padding: 0 1em;
    padding-bottom: 6px;
}

fieldset div strong {
    font-size: 100%
}

fieldset div span.form-error {
    display: block;
    color: #F00;
    font-weight: bold;
    letter-spacing: 1px;
}

fieldset div span.comment {
    display: none;
}

fieldset div:hover span.comment {
    font-size: 95%;
    color: #c96;
    background-color: #faf0e6;
    /*  \*/
    margin-left: 3em;
    /*  */
    padding: .2em .5em .3em;
    border: 1px solid #c96;
    display: block;
    position: absolute;
    z-index: 100;
    float: right;
    -moz-border-radius: 4px;
}
* html fieldset div span.comment {
    font-size: 95%;
    color: #c96;
    margin-left: 3em;
    padding: .3em;
    border-left: 1px solid #c96;
    display: block;
}

div#requiredNote {
    font-size: 100%;
    letter-spacing: 0.5px;
    /* clear: both; */
    margin-top: 10px;
}

label.mandat, span.mandat {
    color: #930;
    font-weight: bold;
}

label.mandat:after, span.mandat:after {
    content: "*";
}

.removed {
    display: none !important;
}

input[type="checkbox"], select {
    -moz-border-top-colors: #babdb6 transparent;
    -moz-border-left-colors: #babdb6 transparent;
    -moz-border-bottom-colors: #d3d7cf transparent;
    -moz-border-right-colors: #d3d7cf transparent;
    -moz-border-radius: 1px;
    padding: 1px;
    font-family: "bitstream vera sans", sans-serif;
    font-size: small;
}

input[type="checkbox"]:focus {
    -moz-border-top-colors: #3465a4 transparent;
    -moz-border-left-colors: #3465a4 transparent;
    -moz-border-bottom-colors: #3465a4 transparent;
    -moz-border-right-colors: #3465a4 transparent;
}

.form_comment {
    font-size: x-small;
}
/* End forms */

.tableform td {
    display: table-cell;
    vertical-align: top;
}

.terminal {
        margin: 15px;
        padding:15px;
        font-size: small;
        font-family: "Courier New", Courier;
        background: #000;
        border: solid 1px #ddd;
        line-height:110%;
        color:white;
        width: 90%;
}

.code, .xml, .script {
    margin: 15px;
    padding:15px;
    font-size: small;
    font-family: "Courier New", Courier;
    background: #fff;
    border: solid 1px #ddd;
    line-height:110%;
    color: #000dbd;
    width: 90%;
}

.keyword {
    color: #00a20b;
}

.comment {
    color: red;
}

.literal {
    color: purple;
}

/** Simple Site **/
.simplesitemenu {
}

.menu_level a {
		height: 20px;
		min-height: 20px;
}

.menu_level_1 {
	font-weight: bold;
}

.menu_level_1 a {
	text-decoration: none;
}

.menu_level_1 a {
}

.menu_option_active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.menu_level_2 {
	padding-left: 20px;
}

.menu_level_2 a {
}

.menu_level_3 {
	padding-left: 40px;
}

.menu_level_3 a {
}

.menu_level_4 {
	padding-left: 60px;
}

.menu_level_4 a {
}
/** SimpleSite **/
















.avatar {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
}

.blog-entry {
    margin-top: 20px;
    padding-bottom: 5px;
    border-bottom: 1px solid #339933;
}

.blog-title {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.blog-title a {
    text-decoration: none;
    color: #000;
}

.blog-title a:hover {
    color: #339933;
}

.blog-body {
    text-align: justify;
}

.blog-addinfo {
    padding: 5px;
    text-align: right;
    font-size: xx-small;
    color: #999;
}

.blog-powered a {
    color: #fff;
}

.blog-tb {
    border: 1px solid #339933;
    background: #fff;
    padding: 10px;
    font-size: xx-small;
}

.blog-comment-title {
    color: #000;
    font-weight: bold;
    font-size: 110%;
}

.blog-comment-title a, .blog-comment-title a:hover {
    color: #000;
    text-decoration: none;
}


.calendar {
    margin-top: 10px;
    padding: 2px;
    border: 1px solid #ddd;
    width: 100%;
    text-align: center;
}

.calendar #cal-header {
    color: #339933;
    background: #339933
    font-size: 12px;
    font-weight: bold;
    padding: 2px;
    text-align: center;
}

.calendar #cal-header a {
    font-weight: bold;
    color: #339933;
    text-decoration: none;
}

.calendar #cal-header #arrow-left {
    margin-left: 2px;
    float: left;
}

.calendar #cal-header #arrow-right {
    margin-right: 2px;
    float: right;
}

.calendar .weekday {
    color: #999;
    background: #eee;
    font-size: 10px;
    font-weight: bold;
    padding: 2px;
}

.calendar .noday {
    color: #aaa;
    font-size: 10px;
    padding: 2px;
}

.calendar .noday a {
    color: #aaa;
    text-decoration: underline;
}

.calendar .day {
    color: #333;
    font-size: 10px;
    padding: 2px;
}

.calendar .day a {
    color: #339933;
    text-decoration: underline;
}

.calendar .today {
    background-color: #339933;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
}