/*******************************************
Layout
********************************************/

#content
{
	height: 100%;
	min-height: 100%;
	text-align: left;
	clear: both;
}

#content,#width
{
	width: expression(document.body.clientWidth > 980 ? "980px" : "98%");
	max-width: 980px;
	margin: 0 auto;
}

#content[id],#width[id]
{
	width: 98%;
	height: auto;
}

/*******************************************
HEADER
********************************************/

div.header
{
	background-image: url(http://static.monclasseur.com/img/newbg.gif);
	height: 120px;
	max-height: 120px;
	padding: 0px;
	margin: 0px;
	clear: both;
}

div.header_menu
{
	height: 24px;
	max-height: 24px;
	margin: 0px;
  	padding: 0px;
	background-color: #000000;
	clear: both;
}

div.hm_left_rounded
{
	background-image: url(http://static.monclasseur.com/img/header_left_rounded.gif);
	background-repeat: repeat-x;
	height: 24px;
	max-height: 24px;
	width: 18px;
	float: left;
	margin: 0px;
  	padding: 0px;
}

div.hm_content_left
{
	max-height: 24px;
	float: left;
	margin: 0px;
  	padding: 4px 0px 0px 10px;
}

div.hm_content_right
{
	max-height: 24px;
	float: right;
	margin: 0px;
  	padding: 4px 0px 0px 10px;
}

div.hm_right_rounded
{
	background-image: url(http://static.monclasseur.com/img/header_right_rounded.gif);
	background-repeat: repeat-x;
	height: 24px;
	max-height: 24px;
	width: 18px;
	float: right;
	padding: 0px;
	margin: 0px;
}

td.header_button_left
{
	background-image: url(http://static.monclasseur.com/img/header_button_left.gif);
}

td.header_button_bg
{
	background-image: url(http://static.monclasseur.com/img/header_button_bg.gif);
}

td.header_button_right
{
	background-image: url(http://static.monclasseur.com/img/header_button_right.gif);
}

/*******************************************
Main
********************************************/

div.main_status
{
	background-color: #FFFFFF;
	height: 40px;
	clear: both;
	padding: 0px;
	margin: 0px;
	text-align: right;
}

td.main_left_rounded
{
	background-image: url(http://static.monclasseur.com/img/main_left_rounded.gif);
	background-repeat: repeat-x;
	height: 18px;
	width: 18px;
}

div.status_bar
{
	width: 100%;
	max-width: 100%;
	float: left;
	padding: 8px 0px 0px 0px;
}

td.main_right_rounded
{
	background-image: url(http://static.monclasseur.com/img/main_right_rounded.gif);
	background-repeat: repeat-x;
	height: 18px;
	width: 18px;
}

div.main
{
	background-color: #FFFFFF;
	padding: 5 10 5 10px;
	clear: both;
	min-height:500px;
	height:auto !important;
	height:500px;
}

div.main_left
{
	padding: 0 310 0 0px;
	margin: 0px;
	background-color: #FFFFFF;
	clear: left;
}

div.main_right
{
	float: right;
	width: 300px;
	padding: 0px;
	margin: 0px;
	clear: right;
	background-color: #FFFFFF;
}

/*******************************************
Pub
********************************************/

div.p_leader
{
	max-height: 104px;
	padding: 4px;
	margin: 0px;
	text-align: center;
	align: center;
	clear: both;
	height: 104px;
	max-height: 90px;
}

/*******************************************
Footer
********************************************/

div.footer
{
	background-color: #C0C0C0;
	height: 10px;
	padding: 0px;
	text-align: center;
	clear: both;
}

div.footer_content
{
	background-image: url(http://static.monclasseur.com/img/newbg.gif);
	height: 160px;
	padding: 0px;
	text-align: center;
	clear: both;
}

div.footer_end
{
	background-color: #000000;
	max-height: 20px;
	height: 30px;
	padding: 10 25 10 25px;
	text-align: right;
	clear: both;
}
div.footer_end_left
{
	float: left;
	background-color: #000000;
	max-height: 20px;
	padding: 0px;
}
div.footer_end_right
{
	float: right;
	background-color: #000000;
	max-height: 20px;
	padding: 0px;
}

/*******************************************
Title
********************************************/

div.title
{
	background-image: url(http://static.monclasseur.com/img/home_title_bg.gif);
	width: 260px;
	height: 34px;
	max-height: 30px;
	max-width: 250;
	padding: 4 0 0 10px;
}

/*******************************************
Status Bar
********************************************/

td.status_bar_left
{
	background-image: url(http://static.monclasseur.com/img/status_left.gif);
	background-repeat: repeat-x;
	height: 24px;
	width: 10px;
}

td.status_bar_right
{
	background-image: url(http://static.monclasseur.com/img/status_right.gif);
	background-repeat: repeat-x;
	height: 24px;
	width: 10px;
}

td.status_bar_msg
{
	background-color: #C0C0C0;
	vertical-align: middle;
	height: 24px;
}

/*******************************************
Pannel
********************************************/


div.pannel
{
	background-image: url(http://static.monclasseur.com/img/pannel_bg.jpg);
	width: 300px;
	height: 288px;
	padding: 0px;
}

/*******************************************
Button
********************************************/

.buttons a
{
	display:block;
	float: left;
	margin: 0 2 2 5px;
	background-color:#f5f5f5;
	background-image: url(http://static.monclasseur.com/img/button_bg.gif);
	border:1px solid #425978;
	height: 27px;
	max-height: 25px;
	width: 190px;
	font-family: Trebuchet MS;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	cursor:pointer;
	padding: 0 8 0 0px; /* Links */
}

.buttons a:hover
{
	text-decoration:none;
	color:#444444;
}

.buttons a img
{
	margin:0 -3px -8px 0px;
	max-height: 25px;
	padding:0;
	border:none;
}

div.buttons_wide
{
	margin: 10 0 10 0px;
	max-height: 36px;
	height: 36px;
}

.buttons_wide a
{
	display:block;
	float: left;
	background-color:#f5f5f5;
	margin: 0 10 3 0px;
	background-image: url(http://static.monclasseur.com/img/button_bg.gif);
	border:1px solid #425978;
	height: 27px;
	width: 240px;
	font-family: Trebuchet MS;
	font-size:12px;
	text-decoration:none;
	color:#000000;
	cursor:pointer;
	padding: 0 8 0 0px; /* Links */
}

.buttons_wide a:hover
{
	text-decoration:none;
	color:#444444;
}

.buttons_wide a img
{
	margin:0 -3px -8px 0px; !important;
	padding:0;
	border:none;
}



/*******************************************
div 100% transparent
********************************************/

div.fade
{
	background: #000000;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	max-width: 100%;
	visibility: hidden;
	z-index: 100;
}

/********************************************/

div.dashed
{
	margin: 5 0 5 0px;
	padding: 10px;
	background-color: #EEEEEE;
	border: 3px solid #CCCCCC;
	background-image: url(http://static.monclasseur.com/img/mc_div_bg_2.gif);
}

div.solid
{
	margin: 10 0 10 0px;
	padding: 5px;
	background-color: #EEEEEE;
	border: 3px solid #B4BBC4;
	background-image: url(http://static.monclasseur.com/img/mc_div_bg_2.gif);
}

div.tooltip
{
	position: absolute;
	margin: 10 0 10 0px;
	padding: 10px;
	width: 200px;
	background-color: #ffa;
	border: 1px solid #444444;
	z-index:1000;
	visibility: hidden;
}

div.content_div
{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -250px;
	margin-left: -250px;
	z-index: 1000;

}

.user_pic a
{
	cursor:pointer;
}
.user_pic a img
{
	border: 2px solid #ffffff;
	margin: 5px;
}

#systemWorking
{
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 99999999;
	border: 1px solid #425978;
	background-color: #FFFFFF;
	padding: 6px;
}



/*******************************************
Lettre présentation
********************************************/

.LPcontainer {
	background:#fff;
	color:#000;
	margin: 0px;
}

.LPrtop, .LPrbottom{
	display:block;
}

.LPrtop *, .LPrbottom *{
	display: block;
	height: 1px;
	overflow: hidden;
	background: #fff;
}

.LPr1{
	margin: 0 5px;
}

.LPr2{
	margin: 0 3px;
}

.LPr3{
	margin: 0 2px;
}

.LPr4{
	margin: 0 1px;
	height: 2px
}