* {
	padding: 0px;
	margin: 0px;
}

body {
	font-family: arial;
	margin-top: 20px;
	margin-bottom: 20px;
	min-width: 600px;
	color: #221f20;
	background: #c0c5c4;
}

#wrapper {
	display: block;
	background: #eaeeeb;;
	width: 90%;
	min-width: 950px;
	margin: 0 auto;
}

#top {
    background: #000000;
    height: 100px;
}

#logo {
	padding-top: 0px;
	display: block;
	width: 647px;
	float: left;
	height: auto;
	text-align: center;
	overflow: hidden;
	margin-top:0px;
	margin-left:-20px;
}


#head {
	text-align: center;
	width: 50%;
	padding: 30px 0;
	margin: 0 auto;
}


#logoRight {
	display: block;
    /*
	width: 20%;
	height: 20%;
	padding: 5px;
	*/
	height:38px;
    width:200px;
    margin: 62px -10px -5px 0;
    padding:5px 0 0 0;
	float: right;
	text-align: center;
    color:#ffffff;
    border-top  : #f3b82c solid 1px;
    border-left : #f3b82c solid 1px;
    border-right: #f3b82c solid 1px;
    vertical-align:bottom;
    font-size:large;
}

#leftm_empty {
    float: left;
    margin: 0px 0 0 0;
    width:200px;
    height:350px;
}

#leftm {
	/* padding: 1% 0 1% 1%;
	width: 20%;
	float: left;
	margin: 5% 0 0 10px;
    background:#cbd0ce;
	*/
    float: left;
    margin: 0px 0 0 0;
    width:210px;
    height:550px;
    background:#ffffff url(images/degrade.png) repeat-x;
}

#leftm #links {
}


#leftm #links ul {
	list-style: none;
	width: 100%;
}

#leftm #links ul li a {
	font-size: .8em;
	text-decoration: none;
	display: block;
	height: 15px;
	padding: 3px 0 2px 10px;
}

#leftm #links ul li a:hover, #leftm #links ul li a#active {
	color: #89756B;
	/* text-decoration: underline; */
	background:#eaeeeb;
}

#scholenDIV ul {
    padding: 5px 0px 10px 30px;
}

#body {
	width: auto;
	margin: 20px 220px;
	float: center;
    background:#eaeeeb;
    font-size:small;
    min-height:650px;
}


#post {
	margin: 10px 0;
}

#post h2 {
	padding: 5px 0;
	text-align: center;
	background: #AB978D;
	color: #FFEFE8;
}

.post p {
	margin: 20px 10px 20px 0px;
}

#post img {
}

#post blockquote {
	margin: 0 25px 20px 15px;
	padding: 0 0 0 5px;
	border-left: 5px solid #AB978D;
	background: #EFDBCF;
}

#rightm {
	font-size: .8em;
	text-align: left;
	float: right;
	/* width: 20%;
	margin: 5% 10px 0 0;
    height:500px;
	*/
	width:200px;
	margin: 0 10px 0 0;
    border-bottom : #f3b82c solid 1px;
    border-left   : #f3b82c solid 1px;
    border-right  : #f3b82c solid 1px;
	background:#ffffff;
}


#rightm form#login {
	padding: 15px 10px 10px 10px;
}

#rightm form#login input {
	font-weight: bold;
	/*
	color: #AB978D;
	border: none;
	border-bottom: 2px solid #AB978D;
	*/
	margin: 5px 0 5px 0;
	width: 85%;
    background: #eaeeeb;
}

#rightm form#login input#button {
	display: block;
	color: #E8F1FF;
	margin: 10px 0 10px 0;
	width: 50%;
	border: 2px outset #AB978D;
	background: #AB978D;
}

#rightm form#login #help {
	margin: 0 0 0 10px;    
}

#rightm form#login div#help ul li {
	margin: 0 0 0 5px;
	width: 100%;	
	vertical-align: top;
}

#rightm form#login span#title {
	color: #AB978D;
	text-decoration: none;
	font-weight: bold;
}

#footer {
	clear: both;
    /*
	padding-top: 10px;
	*/
	border-top: 1px solid #AB978D;
	background:#eaeeeb;
}
.foot_center {
    font-size:xx-small;
    text-align: center;
    width:auto;
}

/* ------------ corners : start ---------------- */

.foot_corner {
    width:auto;
    vertical-align:bottom;
    width:20px;
}

#tl {
	display: block;
	height: 20px;
	width: 20px;
	float: left;
}

#tl_login {
    display: block;
    height: 20px;
    width: 20px;
    float: left;
    margin:-6px 0 0 -1px;
}

#tr {
	display: block;
	height: 20px;
	width: 20px;
	float: right;
}

#tr_login {
    display: block;
    height: 20px;
    width: 20px;
    float: right;
    margin:-6px -1px 0 0;
}

#bl {
	display: block;
	height: 20px;
	width: 20px;
	float: left;
}

#bl_login {
    display: block;
    height: 20px;
    width: 20px;
    float: left;
    margin:1px 0px -1px -1px;
}

#br {
	display: block;
	height: 20px;
	width: 20px;
	float: right;
}

#br_login {
    display: block;
    height: 20px;
    width: 20px;
    float: right;
    margin:1px -1px -1px 0px;
}

/* ------------ corners : end ---------------- */


a {
	//color: #AB978D;
	color: #787878;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

#clear {
	clear: both;
}

.bullet {
    color:#ffb80d;
}

.board_title {
    color:#ffb80d;
    font-size:48px;
    vertical-align:bottom;
}
.board_row_nb {
    color:#ffb80d;
    font-size:72px;
    vertical-align:bottom;
}


/* ------------ main.html : start ---------------- */

/* set millions of background images */
.rbtop div  { background: url(images/tl_NEW.gif) no-repeat top left; }
.rbbot div  { background: url(images/bl_NEW.gif) no-repeat bottom left; }
.rbtop_acc div  { background: url(images/tl_acc_NEW.gif) no-repeat top left; }
.rbbot_acc div  { background: url(images/bl_acc_NEW.gif) no-repeat bottom left; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbbot div, .rbtop_acc div, .rbbot_acc div {
    width: 100%;
    height: 7px;
    font-size: 1px;
}
.rbcontent  { margin: 0 10px; height:80px;}
.rbcontent .recht { position: relative; bottom: 15px; float: right; }
.rbroundbox { margin: 1em auto; height:94px; background:#eaeeeb url(images/degrade_hor_NEW.png) repeat-y;}
.main_img {
    border:0;
    padding:0;
    width:56px;
    height:80px;
    margin:0 3px;
}
.main_img_abo {   /* ajuster alors les height : '.rbcontent' -> 84 px et '.rbroundbox' -> 94px */
    border: 2px solid #00cc00;
    padding:0;
    width:56px;
    height:80px;
    margin:0 3px;
}
.main_img_not_abo {
    border: 2px solid red;
    padding:0;
    width:56px;
    height:80px;
    margin:0 3px;
}

/* ------------ main.html : end   ---------------- */

.locking {
    border: 0px;
    vertical-align:bottom;
}

.input_label {
    font-family: arial,sans-serif; font-size:12px;
}
.bst_lab {
    text-align:right;
    vertical-align:top;
    width:105px;
    font-family: arial,sans-serif;
    font-size:12px;
    padding:3px;
}
.bst_lab_left {
    text-align:left;
    vertical-align:top;
    width:105px;
    font-family: arial,sans-serif;
    font-size:12px;
    padding:3px;
}
.mess_error {
    color:#800000;
}

.post ul {
    padding: 5px 0 5px 30px;
}
.post ol {
    padding: 5px 0 5px 30px;
}
.post ul li {
    padding: 3px 0 2px 10px;
}
.post ol li {
    padding: 3px 0 2px 10px;
}

.img_opaque img{
filter:Alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

.img_border img{
border: 2px solid #FF8C00; 
}

h1{
	font-family: arial;
    font-size:18px;
    font-weight:bold;
}

h2{
	font-family: arial;
    font-size:13px;
    font-style:italic;
    font-weight:bold;
}

h3{
	font-family: arial;
    font-size:12px;
    padding-left:15px;
}