/* CSS Document */

/* Conteneur général */


body, html

{

	background-color:#D5DDFB;



}
/*						*/
/* CONTENEURS			*/
/*						*/


/* conteneur principal */
#dashboard

{

	height: auto ; 

   	min-height: 100%;	

	left: 4px;

	margin: 0px auto;

	width: 900px;
	
	background-color:#FFFFFF;
	
}
/* conteneur principal avec marge haut */
#dashboard15

{

	height: auto ; 

   	min-height: 100%;	

	left: 4px;

	margin: 0px auto;

	width: 900px;
	
	background-color:#FFFFFF;
	
	padding-top: 15px;

}

/* conteneurs secondaires : ils s'imbrique dans le conteneur principal */
#dashboardTop

{


	width: 900px;

}



#dashboardTop20

{


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

}


#dashboardGal { width: 860px; -moz-border-radius:5px 5px 5px 5px; padding-bottom: 5px; margin-right: 10px; margin-left: 10px; }
#dashboardGal .flashDate{ -moz-border-radius: 20px 20px 20px 20px; }



#dashboard1200

{

	height: auto ; 

   	min-height: 100%;	

	left: 4px;

	margin: 0px auto;

	width: 1200px;
	
	background-color:#FFFFFF;
	
}

#dashboard1000

{

	height: auto ; 

   	min-height: 100%;	

	left: 4px;

	margin: 0px auto;

	width: 1000px;
	
	background-color:#FFFFFF;
	
}



/* Généralité */

.dashboardcolumndiv

{

	float: left;
	

}

.dashboardcolumndivR

{

	float: right;
	

}

/* la titlebar contient le bloc de couleur */
.titlebar

{

	padding: 0px;

	overflow: hidden;

}


/* imbrication d'un tableau dans la titlebar */
.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;

}


/* style du texte dans la titletable*/
.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;

}

/*le content block contient le bloc de couleur et  le cadre de données*/
.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;	
	


}

/* calque pour maintenir les calques supérieurs */
div#bas {
	margin-left: 655px;
	margin-right: 225px;

}

div#bas_milieu {
	margin-left: 440px;
	margin-right: 440px;

}


/* Premiere colonne du conteneur */

#dashboardcol1

{

	margin: 5px 10px 10px 10px;

	width: 645px;

	padding-bottom: 10px;
	
}

	
	
/* pavé sur toute la largeur */

#largeur_max

{

	margin: 10px 10px 0 10px;

	width: 870x;

	padding-bottom: 10px;

	

}

#largeur_max2

{

	margin: 10px 0 0 0;

	width: 870x;

	padding-bottom: 10px;

	

}

#largeur_max1200

{

	margin: 20px 10px 0 10px;

	width: 1170x;

	padding-bottom: 10px;
	
	padding-top: 10px;

	

}

#largeur_max1000

{

	margin: 10px 10px 0 10px;

	width: 970x;

	padding-bottom: 10px;
	
	padding-top: 10px;

	

}


/* Formulaire d'autentification */

#dashLogin

{

	margin: 30px 285px 30px 285px;

	width: 300px;

	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: 870px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}

#largeur_max div.contentblock div.content2

{	
	border-top:0px;

	width: 870px;

	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: 869px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}

#largeur_max1200 div.contentblock div.content

{

	border: 1px solid #97B5C2;

	border-top:0px;

	width: 1170px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}

#largeur_max1000 div.contentblock div.content

{

	border: 1px solid #97B5C2;

	border-top:0px;

	width: 970px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}


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





#dashboardcol1 div.contentblock

{

	margin-bottom: 10px;

}

#dashboardcol1 .titlebar .titletable td.titletablelefttd

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

	text-align: left;

	padding: 0px 0px 0px 5px;

	vertical-align: middle;

	white-space:nowrap;

}

#dashboardcol1 .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;

}

#dashboardcol1 div.contentblock div.content

{

	border: 1px solid #97B5C2;

	border-top:0px;

	width: 635px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}


/* Deuxieme colonne du conteneur */


#dashboardcol2

{

	margin: 5px 10px 10px 10px;

	width: 215px;

	padding-bottom: 10px;

}



#dashboardcol2 div.contentblock

{

	margin-bottom: 10px;

}

#dashboardcol2 div.contentblock

{

	margin-bottom: 10px;

}

#dashboardcol2 .titlebar .titletable td.titletablelefttd

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

	text-align: left;

	padding: 0px 0px 0px 5px;

	vertical-align: middle;

	white-space:nowrap;

}

#dashboardcol2 .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;

}

#dashboardcol2 div.contentblock div.content

{

	border: 1px solid #97B5C2;

	border-top:0px;

	width: 205px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}

#dashboardcol2 div.contentblock div.content2

{

	border: 1px solid #97B5C2;

	width: 205px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: center;

}

#dashboardcol2 div.contentblock div.content3

{

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

	width: 205px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: center;
	


}

/* colonne moitié de page 900px */

#dashboard_demi

{

	margin: 5px 10px 10px 10px;

	width: 430px;

	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: 420px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}
/* colonne quart de page */

#dashboard_quart

{

	margin: 5px 5px 5px 5px;

	width: 215px;

	padding-bottom: 10px;
	
}

#dashboard_quart div.contentblock

{

	margin-bottom: 10px;

}

#dashboard_quart div.contentblock

{

	margin-bottom: 10px;

}

#dashboard_quart .titlebar .titletable td.titletablelefttd

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

	text-align: left;

	padding: 0px 0px 0px 5px;

	vertical-align: middle;

	white-space:nowrap;

}

#dashboard_quart .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_quart div.contentblock div.content

{

	border: 1px solid #97B5C2;

	border-top:0px;

	width: 205px;

	padding: 14px 4px 18px 4px;

	overflow: hidden;

	font-size: 12px;

    text-align: expression('left');

}
/* colonne milieu de page 900px */

#dashboard_middle

{

	margin: 5px 150px 10px 150px;

	width: 600px;

	padding-bottom: 10px;
	
}


#dashboard_middle div.contentblock

{

	margin-bottom: 10px;

}

#dashboard_middle div.contentblock

{

	margin-bottom: 10px;

}

#dashboard_middle .titlebar .titletable td.titletablelefttd

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

	text-align: left;

	padding: 0px 0px 0px 5px;

	vertical-align: middle;

	white-space:nowrap;

}

#dashboard_middle .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_middle div.contentblock div.content

{

	border: 1px solid #97B5C2;

	border-top:0px;

	width: 590px;

	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;

}

.titre {
	background:#f90;
	padding:2px 5px;
	color:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#content2 {
  float: left;
  width: 970px
}
#content2 .auteur {
  background:#e7e6ea /*url(picto-edit.png) no-repeat 96% 30%*/;
  border:1px solid #99a0bd;
  margin:5px 0 10px 0;
	clear: both;
	overflow: hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:5px 5px 5px 5px;
}
#content2 .auteur .avatar, .pm .avatar {
  padding: 3px;
  border: 1px solid #ddd;
  background: white;
  margin:5px 5px 5px 5px;
  float:left;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}