@media screen and (max-width: 800px) {
  html {
    -moz-transform: scale(0.75, 0.75);
    zoom: 0.75;
    zoom: 75%;
  }
}


@media screen and (max-width: 1680px) {
  html {
    -moz-transform: scale(1.15, 1.15);
    zoom: 1.15;
    zoom: 115%;
  }
}

@media screen and (min-width: 1681px) {
  html {
    -moz-transform: scale(1.35, 1.35);
    zoom: 1.35;
    zoom: 135%;
  }
}

.zfixed  {
position: fixed;
z-index:10;
}

#header.zfixed {
	top: -95px;
}

#inp_nomdoc.inp_label {
	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none; 
	color:red;
	border:1px outset #CCC; 
	padding:1px 4px; 
	background-color:#DDD; 
}
.btn_fermer {
	float:right; position:relative; top:15px; right:15px;
	cursor:pointer;
	font-size:15px;
	font-family: Verdana, Geneva, sans-serif;
}

.btn_fermer span {
	color: #036;
}

.btn_fermer span:hover {
	color: #f33;
}
.head_lib {
	float:left;
	left:-20px;
	height:0px;
	width:700px;
	padding:0px;
	margin:0px 0px 0px 0px; position:relative; top:-120px; left:440px;
	border:0px solid #333333;
}
.head_lib>h3 {
	text-align:left;
	width:auto;
	vertical-align:bottom;line-height:18px;color: #660000; margin-bottom:0px;
	font-family:Geneva, Helvetica, Arial, sans-serif;
	vertical-align: top;
	line-height:20px;
	font-size:16px;
	text-shadow: 1px 0px 1px #FFFF99; 
	cursor:pointer;
	
}
.head_lib>h4 {
	text-align:left;
	width:auto;
	padding-left:20px; color:#600; margin:0px; margin-top:4px;
	line-height:18px;
	font-family:Geneva, Helvetica, Arial, sans-serif;
	font-size:13px;
	text-shadow: 1px 0px 1px #FFFF99; 
	cursor:pointer;
}

.head_lib>h5 {
	text-align:left;
	width:auto;
	padding-left:50px; color:#600; margin:0px; margin-top:4px;
	line-height:18px;
	font-family:Geneva, Helvetica, Arial, sans-serif;
	font-size:12px;
	text-shadow: 1px 0px 1px #FFFF99; 
	cursor:pointer;
}

#filtre {
	padding:4px; padding-top:6px; margin-left:50px;	
}
#filtre select {
	background-color: #FFFFef;
	border:1px inset #f99;
	color:#003366;
	font-weight:bold;
	font-size:12px;
	height:22px;	
}

select.filtre {
	background-color: #FFFFef;
	border:1px inset #f99;
	color:#003366;
	font-weight:bold;
	font-size:12px;
	height:22px;	
}

.tr_selected {
	background-color: #BFDCF9;
	color: #FF3300;
}
.tr_selected :hover {
	background-color: #BFDCF9;
}

.tr_head0 td, .tr_head0 th {
	padding:0px;
	background-color:#DDD;
	border-bottom:1px solid #bbb;;
}

.tr_head1 td, .tr_head1 th {
	padding:1px;
	background-color:#bfdbf8;
	border-bottom:1px solid #bbb;;
}

.sel_filtre {
  background-color: #FFFFef;
  border: 1px inset #f99;
  color: #003366;
  font-weight: bold;
  font-size: 12px;
  height: 22px;
 }
 
.center {
	text-align:center;	
}
.right {
	text-align:right;	
}
.left {
	text-align:left;	
}
.underlined {
	text-decoration:underline;	
}

#content {
margin-top:0px;margin-left:auto; margin-right:auto; 
/*width:1100px;	*/ width:98%;
min-height:500px;
}
/*		MENU EN TAB POUR LES TyPES D'IMMO	*/
	#cssmenu {
       float: left;
	width:100%;
	background: #efefef;
	font-size:14px;
	line-height:normal;
	border-bottom:1px solid #666;
	padding:0px;
	margin-bottom:15px;
	}
	
	#cssmenu ul {
		margin:0;
		padding:2px 2px 0 10px;
		list-style:none;
		}
	#cssmenu li {
		display:inline;
		margin:0;
		padding:0;
		}
	#cssmenu a {
		float:left;
		background:url('../img/tableftf.gif') no-repeat left top;
		margin:0;
		padding:0 0 0 4px;
		text-decoration:none;
		margin-bottom:4px;
		border-bottom:1px solid #666666;
		margin-right:2px;
		}
	#cssmenu a span {
		float:left;
		display:block;
		background:url('../img/tabrightf.gif') no-repeat right top;
		padding:5px 15px 4px 6px;
		color: #003366;
		}
		
	/* Commented Backslash Hack hides rule from IE5-Mac */
	#cssmenu a span {float:none;}
	/* End IE5-Mac hack */
	
	#cssmenu .active a span,
	#cssmenu a:hover span {color: #CC0000;}
	
	#cssmenu .active a,
	#cssmenu a:hover {background-position: 0 -42px;}
	
	#cssmenu .active a span,
	#cssmenu a:hover span {background-position: 100% -42px; }
	
	#cssmenu .aactive a  {background:url('../img/atableftf.gif') no-repeat left top;}
	#cssmenu .aactive a span {font-weight:bold; font-size:13px;background:url('../img/atabrightf.gif') no-repeat right top;}
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	
	
/* -------------------- Page elements -------------------- */
#header { 
	width:100%;
	}

#header-status {
	background-color: #000000; 
	padding: 0; margin:0px;
	color: #aaaaaa;
	}
	


#header-main { 
	background: #ccc url(../img/bandeau_haut_de_page.jpg) no-repeat top left;
	height: 129px;
	padding:0px;
	margin:0px;
	}
	
#subnav {
	background: #ffffff url(../img/submenu-bg.gif) repeat-x bottom left;
	height: auto;
}
#subnav div {
	height:auto;
	min-height:20px;
	}

	
#subnav div ul { 
	list-style: none;
	margin: 0;
	padding: 0;
	height:auto;

	}
	
#subnav ul li { 
	float: left; 
	margin: 0 18px 0 0; 
	padding: 0;
	}
	
#subnav ul a, 
#subnav ul a:visited { 
	display:block;
	float: left;
	color:#0063be; 
	font-size: 12px; 
	padding: 9px 0 0 0;
	text-decoration: none; 
	}
	
#subnav ul a:hover, 
#subnav ul a:active { 
	text-decoration: none;
	color:#F30; 
	}

#footer {
	position: relative; bottom:0px; 
	background-color:#005195; font-size:13px;
	width:100%;
	min-width:1200px;
	padding: 0; 
	color: #aaaaaa; 
	padding: 5px 0 5px 0; 
	margin-top: 10px; 
	border-top: 1px solid #cccccc;
	}


#header-main #logo { 
	width: 100%; 
	height: 0px; 
	}
	
/* -------------------- Header background -------------------- */
	
#header-main { 
	background: #005195 url(../img/bandeau_haut_de_page.jpg) no-repeat top left; 
	}


/* -------------------- Tabs -------------------- */

ul#nav li {
	background:transparent url(../img/tab-left.gif) no-repeat scroll left top;
	float:left;
	margin:0 5px 0 0;
	padding:0 0 0 9px;
	line-height:18px;
	}

ul#nav li a, ul#nav li a:visited {
	background:transparent url(../img/tab-right.gif) no-repeat scroll right top;
	color:#FFFFFF;
	display:block;
	float:left;
	padding:7px 15px 6px 6px;
	text-decoration:none;
	}
	
ul#nav li a:hover {
	padding:8px 15px 5px 6px;
	}

ul#nav li#current { /* give the id="current" to the currently selected tab */
	background:transparent url(../img/tab-active-left.gif) no-repeat scroll left top;
	}

ul#nav li#current a {
	background:transparent url(../img/tab-active-right.gif) no-repeat scroll right top;
	color:#444444;
	}
		


/* -------------------- Nav tabs (sliding door technique) -------------------- */

.navbox {
	position: relative;
	float: left;
}

.actif a span{ 
	padding:2px; padding-left:4px; padding-right:4px; 
	background-color: #FFFFCC; color: #FF3300;
	border:1px inset #FF3300; -webkit-border-radius:4px; 
	font-size:13px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5);
}

.mnu_ a span:hover{ 
	border-color:#FFCC66;
}
.mnu_ a span{ 
	padding:2px; padding-left:4px; padding-right:4px; 
	border:1px solid #eaeaea; -webkit-border-radius:3px; 
	 font-size:13px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.25);
}

.statut {
	background-color: #96C;
	font-size:10px;
	color:#FFF;
	-webkit-border-radius:4px;
	padding:1px;
	padding-left:6px;
	padding-right:6px;
	white-space:nowrap;
	font-style:italic;
	text-decoration:none;
	cursor:pointer;
}

   
.encours { background-color: #FF0}
.normal { background-color: #096}
.retard { background-color: #FC9}
.retard2 { background-color: #F00}
.termine { background-color: #33F}


.statut_d {
	font-size:11px;
	color: #fff;
	padding:1px; padding-left:2px; padding-right:2px;
	
}
.prevu { border:1px outset #CCCCCC; border-radius:3px; background-color: #efefef; color: #555; }
.realise_ { border:1px outset #ccc; border-radius:3px; background-color: #efefef; color: #FF0000; }
.realise { border:1px outset #ccc; border-radius:3px; background-color: #E6F1FF; color: #000033; }
.realise1 { border:1px outset #CCCCCC; border-radius:3px; background-color: #096; }
.realise0 { border:1px outset #CCCCCC; border-radius:3px; background-color: #F30; }

.etape_m .entete{
	 font-size:13px; 
	 border-top:1px solid #EEE;
	 border-bottom:2px solid #CCC;
	 background-color:#EEE;
	 color:#036;
	 margin-top:0px;
	 padding-left:4px;
	 padding-right:4px;
}

.etape_m ul{
	 font-size:10px; margin-left:5px;	min-height:23px;
}

.etape_m ul li {
	 float:left; width:74px; text-align:center;
}

.etape_m ul li img{
	 top:-16px; right:-16px;
	 position:relative;
	 float:right; 
	 cursor:pointer;
}

.ajout h4{
	background-color:#EFF;
	border-top:1px solid #9FF;
	font-size:13px;
	margin-bottom:2px;	
	margin-top:10px;
}

.ajout .entete{
	margin-left:20px;
	background-color:#ffe;
}

ul#nav { 
	float: left; 
	margin-top: 98px; 
	list-style: none; 
	font-size:14px; 
	margin-bottom: 0;
	height:auto;
//	width:655px;
	}

ul#nav li {
	background:transparent url(../img/tab-left.gif) no-repeat scroll left top;
	float:left;
	margin:0 5px 0 0;
	padding:0 0 0 9px;
	}

ul#nav li a, ul#nav li a:visited {
	background:transparent url(../img/tab-right.gif) no-repeat scroll right top;
	color:#FFFFFF;
	display:block;
	float:left;
	padding:7px 15px 6px 6px;
	text-decoration:none;
	}

ul#nav li a:hover {
	padding:8px 15px 5px 6px;
	}

ul#nav li#current { /* give the id="current" to the currently selected tab */
	background:transparent url(../img/tab-active-left.gif) no-repeat scroll left top;
	}

ul#nav li#current a {
	background:transparent url(../img/tab-active-right.gif) no-repeat scroll right top;
	color:#444444;
	}


/* -------------------- Onglets -------------------- */
#m_onglets
{
        border-bottom : 1px solid #ccc ;
        padding : 0; padding-bottom:1px;
		margin:0px;
}

#onglets
{
        border : 1px solid transparent;
        padding : 0;
		font-size:11px;
        list-style-type : none;
        margin : 0;
		height:23px;
}

.onglets
{
        border : 1px solid transparent;
        padding : 0;
		font-size:11px;
        list-style-type : none;
        margin : 0;
		height:23px;
}

.onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #ccc;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1; border-bottom-width:0px;
	border-radius:4px 4px 0px 0px; 
	padding:0px;
}

.onglets li.active
{
	position:relative;
	top:1px;
    border-bottom: 1px solid #f6f6f6;
    background-color: #f6f6f6;
	color:#F30;
}

.onglets li.active a
{
	font-weight:bold;
	color:#F30;
}

.onglets a
{
	cursor:pointer;
    display : block;
    color : #003;
    text-decoration : none;
    padding : 4px;
}

.onglets a:hover
{
    color:#F30;
}

.ztab {
	display:none;
	padding:0px;
	position:relative;
}
.ztab_on {
	min-height:200px;
	border:1px solid #ccc;
	border-radius: 0px 0px 5px 5px; 
	margin-top:-1px;
	padding:6px;
	display:block;
	position:relative;
	top:0px;
}

.l_c {
	height:20px; margin-bottom:20px; margin-left:auto; margin-right:auto; width:260px;
}
.l_c li {
	float:left; border:1px solid #CCC; 
	margin-right:10px; border-radius:4px; 
	padding-left:4px; padding-right:4px;
	padding:1px;
	cursor:pointer;
	width:70px;	
	text-align:center;
	background-color: #eee;
	text-decoration:none;
}
.l_c li:hover {
	background-color:#FFC;
}
.l_c li a{
	text-decoration:none;	
}
.l_c li a:hover{
	color:red;
}

.l_d {
	font-size:13px;
}
.l_d li {
	background-color:#fff; 
	cursor:pointer; border-bottom:1px solid #CCC;
}
.l_d li:hover {
	background-color:#ffe; 
}
.l_d2 li {
	border-bottom-width:0px;
	padding:0px;
	margin-top:6px;
}
.l_d li.on {
	background-color: #FFC; 
}
.l_d2 li.on {
	background-color:#fff; 
}
.l_d2 li span{
	color: #036;
	margin:1px;
	margin-top:4px;
	background-color: #FFFFFC;
	border:1px solid #CCC;
	padding:1px;
	padding-left: 3px;
	padding-right: 3px;
	border-radius: 30%;
	font-size:10px;
	font-weight:bold;
}
.l_d2 li.on span{
	background-color: #FF9;
	color:#F00;
}




.grid_12, .container_12
{
	padding:0px;
	width: 98%;
	margin-left:1%;
	margin-right:1%;
}

.blockk {
	height:auto;
	overflow:auto;
	white-space:normal;
}

.ln{
	white-space:nowrap;	
}

.nb_el {
	border-radius:2px;
	font-size:9px;	
	font-weight: 300;
	padding:1px 4px 1px 3px;
	position:relative;
	top:-5px; left:4px
}

.pt{
	cursor:pointer;
}

.f8 { font-size: 8px; }
.f9 { font-size: 9px; } .f10 { font-size: 10px; } .f11 { font-size: 11px; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; }
 .f15 { font-size: 15px; }


.clear{
	clear:both;
}

.z_track {
	border:1px outset #aaa;
	background-color:#ffe;
	padding:3px;
	float:right;
	margin:2px;
}

.track {
	text-align:right;
	font-size:9px;	
	color:#900;
	line-height:12px;
}

.track .tracked {
	color: #FF0000;
	font-style:italic;
}

.les_etap {
	list-style: square;
}
.les_etap li{
	margin-top:6px;
	border-bottom:1px dotted #999999;
}

.label-mini {
	padding:0px;
	padding-bottom:1px;
	padding-left: 2px;
	padding-right:4px; 
	font-style:italic;
}

.label-min0 {
	padding: 0px 2px 0px 1px;
	font-weight:normal;
}

.label_pct {
	text-align:right;
	font-size:9.5px;
	padding-right:4px;
	color: #003399;
}

.label-vertclair {
	background-color: #33CCCC;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-vertc2 {
	background-color: #618683;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-vertclair2 {  background-color: #009999; cursor:pointer; border:1px outset #fff; }

.label-vert {
	background-color: #009900;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-vertc {
	background-color: #ABF2B0; color: #900;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-jaune {
	background-color: #FFFF66;
	color: #FF6600;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-jaunec {
	background-color: #FFC;
	color: #036;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-jaune_r {
	background-color: #FFFF66;
	color: #FF0000;
	cursor: pointer;
	border: 1px outset #fff;
	padding: 1px 2px 1px 2px;
	border-radius: 4px;
	font-size: 10px;
	font-weight: bold;
}

.label-rouge {
	background-color: #FF0000;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-rougec {
	background-color: #FF8183; color: #E9E9E9;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-bleu {
	background-color: #006699;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-bleuc {
	background-color: #93C1FF; color: #210;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-cyan {
	background-color: #0099FF;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-cyan_mo {
	background-color: #0099FF;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-cyan_mo:hover {
	border-color: #FF9900;
	color: #FFFF99;
}

.label-orange {
	background-color: #FF6633;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-orangec {
	background-color:#FC9; color: #330;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-rose {
	background-color: #FF6699;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-gris {
	background-color: #999999;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-violet {
	background-color: #FF66CC;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-blanc {
	background-color: #FFF;
	color:#003;
	cursor: pointer;
	border: 1px outset #fff;
}

.label-vertclair:hover, .label-vert:hover, .label-jaune:hover,
	.label-rouge:hover, .label-bleu:hover, .label-orange:hover, .label-gris:hover,
	.label-violet:hover, .label-cyan:hover {
	border-style: inset;
}


.label-fluo {
	background-color: #96c03d;
	cursor: pointer;
	border: 1px outset #fff;	
}

.ptit {
	font-size: 10px;
	color: #CC6600;
}

.f7 { font-size: 7px; } .f8 { font-size: 8px; } .f9 { font-size: 9px; } .f10 { font-size: 10px; } .f11 { font-size: 11px; } .f12 { font-size: 12px; } .f13 { font-size: 13px; } .f14 { font-size: 14px; }
 .f15 { font-size: 15px; }
 
.underlined {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

.gras .bold .b {
	font-weight: bold;
}

.non-gras {
	font-weight: normal;
}

*************************************************** **/
/* Backgrounds */
.bg-bleufonce {
  background-color: #001F3F !important; }

.bg-bleu {
  background-color: #0074D9 !important; }

.bg-bleuclair {
  background-color: #b2d7ff!important; }

.bg-cyan {
  background-color: #7FDBFF !important; }

.bg-vert1 {
  background-color: #39CCCC !important; }

.bg-vertolive {
  background-color: #3D9970 !important; }

.bg-vert {
  background-color: #2ECC40 !important; }

.bg-vert2 {
  background-color: #01FF70 !important; }

.bg-jaune {
  background-color: yellow !important; }

.bg-jaune1 {
  background-color: #FFDC00 !important; }

.bg-orange {
  background-color: #FF851B !important; }

.bg-rouge {
  background-color: #FF4136 !important; }

.bg-fuchsia {
  background-color: #F012BE !important; }

.bg-violet {
  background-color: #B10DC9 !important; }

.bg-marron {
  background-color: #85144B !important; }

.bg-blanc {
  background-color: #fff !important; }

.bg-gris {
  background-color: #aaa !important; }

.bg-gris0 {
  background-color: #ddd !important; }

.bg-noir {
  background-color: #111 !important; }

.bg-success {
	background-color:#d2ebb8;
}
.bg-info {
	background-color:#aae1f5;
}
.bg-warning {
	background-color:#fce3a3;
}
.bg-danger {
	background-color:#f8bac0;
}
.bg-default {
	background-color:rgba(0,0,0,0.08);
}


.op-1, .op-1_ { opacity:0.1; }
.op-2, .op-2_ { opacity:0.2; }
.op-3, .op-3_ { opacity:0.3; }
.op-4, .op-4_ { opacity:0.4; }
.op-5, .op-5_ { opacity:0.5; }
.op-6, .op-6_ { opacity:0.6; }
.op-7, .op-7_ { opacity:0.7; }
.op-8, .op-8_ { opacity:0.8; }
.op-9, .op-9_ { opacity:0.9; }

.op-1_:hover, .op-2_:hover, .op-3_:hover, .op-4_:hover, .op-5_:hover, .op-6_:hover, .op-7_:hover, .op-8_:hover, .op-9_:hover {
	opacity: 1;	
}

.bleu-fonce {
	color: #003366;
}

.bleu {
	color: #003399;
}

.vert {
	color: #009966
}

.vert-fonce {
	color: #006633
}

.jaune {
	color: #f1fe17;
}

.rouge {
	color: #FF0000;
}

.orange {
	color: #F60;
}

.gris {
	color: #999999;
}

.gris-fonce {
	color: #666666;
}

.noir {
	color: #000000;
}

.blanc {
	color: #FFFFFF;
}

.ta-center { text-align:center }
.ta-right { text-align:right }

.text-label {
	text-decoration: underline;
	font-weight: normal;
	font-size:12px;
}

.champ {
	color: #666666;
	text-decoration: underline;
	font-weight: normal;
	text-shadow: none;
}


.info_pct {
	float:left;
	font-size:10px;
	margin-left:4px;
}
.pct {
	float:left;
	text-align:center;
	font-size:10px;
	background-color:#FFFFCC;
	color:#003366;
	margin:0px;padding:0px;
	border:1px solid #CCCCCC; 
	margin-top:4px;
	height:8px;
	border-right-width:0px;
}

.barre {
	text-decoration: line-through;	
}

.n0 {	background-color: #99CCCC; border-right-color: #99CCCC; }
.n1 {	background-color: #99CC66; border-right-color: #99CC66; }
.n2 {	background-color: #669966; border-right-color: #669966; }
.n3 {	background-color: #006633; border-right-color: #006633; }
.nn {	
	background-color: #FF9999; 
	border-left-color:#FF9999; 
	border-right-color:#FF9999; 
	}

.label_pct span {	color: #000066; background-color:#fffffe; border-radius:0px; font-size:9.5px; }

.ln0 { color: #003333; background-color: #efefff; border:1px solid  #99CCCC; font-size:9.5px; cursor:pointer; }
.ln1 { color: #003333; background-color: #efefff; border:1px solid  #99CC66; font-size:9.5px; cursor:pointer;  }
.ln2 { color: #003333; background-color: #efefff; border:1px solid  #669966; font-size:9.5px;  cursor:pointer; }
.ln3 { color: #003333; background-color: #efefff; border:1px solid  #006633; font-size:9.5px; cursor:pointer;  }
.lnn { color: #FF0000; background-color: #ffdddd; border:1px solid #CCCCCC; font-size:9.5px; cursor:pointer;  }

.tpct td {
	height:18px;
	padding:0px;
}

.orange {
	color: #FF6600;	
}

	#zlist_etap {
		float:left;
		width:450px;
		margin-left:25px;
		padding:0px 4px;
		min-height:600px;
	}

	.th {
		background-color:#ddd; 
		padding:0px;
		border-bottom:1px solid #aaa;
		text-align:center;	
		margin-top:4px;
	}

	.th_clair {
		background-color:#eee; 
		padding:0px;
		border-bottom:1px solid #ccc;
		text-align:center;	
		margin-top:4px;
	}

	#z_cal {
		margin:20px auto;
		margin-top:0px;
		position:relative; top:-10px;
		padding:0px;
		width:1210px;
		min-height:670px;
		  zoom: 1; /* "hasLayout", empêche le dépassement
              des flottants dans IE 6-7 */
	}
	#z_cal:after {
	  content: ""; /* Important, sinon l'élément n'est pas généré. */
	  display: table;
	  clear: both;
	}
	
	#z_cal ul {
		list-style:none;
		padding:2px;
		margin:4px;
	}
	#z_cal ul li {
		margin:4px;
		line-height:26px;
		color:#555;
		font-size:11px;
		opacity:0.4;
		cursor:pointer;
	}
	#z_cal ul li:hover {
		opacity:1;
	}
	
	#calendar {
		float:left;
		width: 720px;
		margin: 0 auto;
	}
	
	.fc-day-number { color:#003; font-weight:bold; border:1px solid #ccc; margin:1px; background-color:#fff; border-radius:50%; min-width:14px; line-height:14px; text-align:center;  }
	.fc-today .fc-day-number { background-color: #FF0; border-color:#52822C; color: #003; }
	.fc-content { cursor:pointer; }
	.fc-future .fc-day-number { border:1px solid #A3ACA4; background-color:#F3FCF4; }
	.fc-past .fc-day-number { border:1px solid #FFDED7; color:#aaa; font-weight:normal; background-color:#FFF1E8; }