/* CSS Document */

/* Conteneur général */


#dashboard

{

	height: auto ; 

   	min-height: 100%;	

	left: 4px;

	margin: 0px auto;

	width: 723px;
	
	background-color:#FFFFFF;
	
	border: 1px solid #97B5C2;

	
}


/* Généralité */

.dashboardcolumndiv

{

	float: left;
	

}

.dashboardcolumndivR

{

	float: right;
	

}


.titlebar

{

	padding: 0px;

	overflow: hidden;

}



.titlebar .titletable

{

	width: 100%;

	margin: 0px;

	padding: 0px;

	border-collapse: separate;

	border-collapse: expression( "collapse" );

	border-spacing: 0px;


	border-bottom: 1px solid #97B5C2;

	
	color: #ffffff;

	font-weight: bold;

	font-size: 12px;

	position: relative;

	left: 0px;

}



.titlebar .titletable .titletext

{


	color: #333333;

	font-size: 12px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	height: 16px;

	overflow: hidden;

	padding-bottom: 0px;	

	position: relative;

	vertical-align: top;

	white-space: nowrap;

	z-index: 2;	

}

.handle

{

	cursor: move;

}

.titlebar .titletable .titletext

{


	color: #333333;

	font-size: 12px;

	font-weight: bold;

	font-family: Arial, Helvetica, sans-serif;

	height: 16px;

	overflow: hidden;

	padding-bottom: 0px;	

	position: relative;

	vertical-align: top;

	white-space: nowrap;

	z-index: 2;	

}

.contentblock .content .titletext

{


	color: #333333;

	font-size: 12px;

	font-family: Arial, Helvetica, sans-serif;

	height: 16px;

	overflow: hidden;

	padding-bottom: 0px;	

	position: relative;

	vertical-align: top;

	white-space: nowrap;

	z-index: 2;	
	


}

#dashboardTop

{


	width: 723px;

}

#dashboardTop20

{


	width: 723px;
	
	
	padding-bottom: 20px;

}


#dashboardGal

{


	width: 723px;

	padding-bottom: 5px;

}

div#bas {
	margin-left: 655px;
	margin-right: 225px;

}

div#bas_milieu {
	margin-left: 351px;
	margin-right: 352px;

}



/* pavé sur toute la largeur */

#largeur_max

{

	margin: 10px 10px 0 10px;

	width: 703x;

	padding-bottom: 10px;

	

}


#largeur_max div.contentblock

{

	margin-bottom: 10px;

}


#largeur_max .titlebar .titletable td.titletablelefttd

{
	border-top: 1px solid #97B5C2;
	

	text-align: left;

	padding: 0px 0px 0px 5px;

	vertical-align: middle;

	white-space:nowrap;

}

#largeur_max .titlebar .titletable td.titletablerighttd

{
	border-top: 1px solid #97B5C2;

	
	text-align: right;

	white-space: nowrap;

	padding: 0px 3px 0px 0px;

	padding-left: expression('3px');

	vertical-align: middle;

}

#largeur_max div.contentblock div.content

{

	border: 1px solid #97B5C2;

	border-top:0px;

	width: 693px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}

#largeur_max div.contentblock div.content2

{	
	border-top:0px;

	width: 693px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}

#largeur_max div.contentblock div.content3

{
	border: 1px solid #97B5C2;

	border-top:0px;

	width: 692px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}
/* fin du pavé sur toute la largeur */






/* colonne moitié de page 723px */

#dashboard_demi

{

	margin: 5px 10px 10px 10px;

	width: 341px;

	padding-bottom: 10px;
	
}


#dashboard_demi div.contentblock

{

	margin-bottom: 10px;

}

#dashboard_demi div.contentblock

{

	margin-bottom: 10px;

}

#dashboard_demi .titlebar .titletable td.titletablelefttd

{
	border-top: 1px solid #97B5C2;
	

	text-align: left;

	padding: 0px 0px 0px 5px;

	vertical-align: middle;

	white-space:nowrap;

}

#dashboard_demi .titlebar .titletable td.titletablerighttd

{
	border-top: 1px solid #97B5C2;

	
	text-align: right;

	white-space: nowrap;

	padding: 0px 3px 0px 0px;

	padding-left: expression('3px');

	vertical-align: middle;

}

#dashboard_demi div.contentblock div.content

{

	border: 1px solid #97B5C2;

	border-top:0px;

	width: 331px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}

/* couleurs */

/* yellow */

.titlebar .titletable td.cornerleft_yellow
{

	background:url(images/date/headerBoxLeftCorner_yellow.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}




.titlebar .titletable td.cornerright_yellow

{

	background:url(images/date/headerBoxRightCorner_yellow.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}

.bg_yellow
{

	background: url(images/date/gradient_yellow.png) repeat-x top;

}

/* blue */
.titlebar .titletable td.cornerleft_blue
{

	background:url(images/date/headerBoxLeftCorner_blue.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}




.titlebar .titletable td.cornerright_blue

{

	background:url(images/date/headerBoxRightCorner_blue.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}

.bg_blue
{

	background: url(images/date/gradient_blue.png) repeat-x top;

}

/* green */

.titlebar .titletable td.cornerleft_green
{

	background:url(images/date/headerBoxLeftCorner_green.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}




.titlebar .titletable td.cornerright_green

{

	background:url(images/date/headerBoxRightCorner_green.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}

.bg_green
{

	background: url(images/date/gradient_green.png) repeat-x top;

}

/*orange */

.titlebar .titletable td.cornerleft_orange
{

	background:url(images/date/headerBoxLeftCorner_orange.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}




.titlebar .titletable td.cornerright_orange

{

	background:url(images/date/headerBoxRightCorner_orange.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}

.bg_orange
{

	background: url(images/date/gradient_orange.png) repeat-x top;

}


/*orange */

.titlebar .titletable td.cornerleft_red
{

	background:url(images/date/headerBoxLeftCorner_red.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}




.titlebar .titletable td.cornerright_red

{

	background:url(images/date/headerBoxRightCorner_red.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}

.bg_red
{

	background: url(images/date/gradient_red.png) repeat-x top;

}


/* violet */
.titlebar .titletable td.cornerleft_violet
{

	background:url(images/date/headerBoxLeftCorner_violet.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}




.titlebar .titletable td.cornerright_violet

{

	background:url(images/date/headerBoxRightCorner_violet.gif) no-repeat top;	

	height: 22px;

	padding: 0px;

	width: 6px;

}

.bg_violet
{

	background: url(images/date/gradient_violet.png) repeat-x top;

}