/* @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%;
  }
}
*/

@media screen and (min-width: 1681px) {
  html {
	max-width: 1400px;
	margin-left:auto;
	margin-right:auto;
  }
}
.btn_fermer {
	float: right;
	position: relative;
	top: 15px;
	right: 15px;
	cursor: pointer;
	font-family: Verdana, Geneva, sans-serif;
}

.rel_top {
	position:relative;
	top:-32px;
	height:0px;
}

.rel_top28 {
	position:relative;
	top:-28px;
	height:0px;
}

.rel_top34 {
	position:relative;
	top:-34px;
	height:0px;
}

.btn_fermer span {
	color: #036;
}

.blinking {
	animation-name: blink;
	animation-duration: 1s;
	animation-iteration-count: 5;
}
  
@keyframes blink {
	0% {color: black}
	/* 50% {color: black;} */
	100% {color: red;}
}

#page .va-middle { vertical-align:middle; }
#page .va-top { vertical-align:top; }
#page .va-bottom { vertical-align:bottom; }

#page .ta-right { text-align:right; }
#page .ta-left { text-align:left; }
#page .ta-center { vertical-align:center; }

.btn_fermer span:hover {
	color: #f33;
}

.rech {
	color:red;
	font-weight:bold;
}

#z_exec {
	float: left;
	width: 0px;
	height: 0px;
}

#page {
	margin: 0px;
	width: 100%;
	min-height: 80vh;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding-top: 4px;
}

#h_menu {
	background-color: #eee;
	padding: 0px;
	padding-top: 4px;
	padding-left: 10px;
	height: 36px;
	margin: 0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #FF3300;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

#h_menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#h_menu ul li {
	float: left;
	margin-left: 20px;
	border: 2px outset #ccc;
	border-radius: 4px;
	padding: 4px;
	vertical-align: middle;
	width: 220px;
	text-align: center;
	cursor: pointer;
	background-color: #eee;
}


#h_menu ul li.on {
	border-color: #FF3300;
	background-color: #f6f6f6;
	border-width: 1px;
	border-bottom-width: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	margin-top: 9px;
}

#h_menu ul li.on a {
	color: #000033;
}

#h_menu ul li:hover {
	border-style: inset;
	border-color: #FF3300;
}

#h_menu ul li:hover a {
	color: #FF3300;
}

#h_menu ul li a {
	color: #999;
	margin-top: 10px;
}

#h_menu ul li a:hover {
	text-decoration: none;
	color: #FF3300;
}

#fil {
	background-color: #212734;
	background-image: -webkit-linear-gradient(bottom, #485569, #69798E);
	border-bottom: 1px solid #212734;
	border-top: 1px solid #212734;
	padding: 0px;
	padding-top: 4px;
	padding-left: 10px;
	height: 24px;
}

#fil a {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
	vertical-align: bottom;
}

#fil .z1 {
	float: left;
	width: 180px;
}

#fil .z1 a {
	color: #FFCC00;
	text-decoration: none;
	vertical-align: bottom;
}

#fil .z1 a:hover {
	color: #FF3300;
}

#fil .z2 {
	float: left;
}

#reste_fil {
	float: left;
	width: 800px;
	min-width: 800px;
}

#fil.ptba {
	padding-left: 10px;
	width: 1270px;
}

#l_menu {
	margin: 0px;
	float: left;
	position: relative;
	left: -2px;
	width: 180px;
	min-height: 600px;
	background-color: #ddd;
	background-image: -moz-linear-gradient(top, #ddd, #888);
	background-image: -ms-linear-gradient(top, #ddd, #888);
	background-image: -webkit-gradient(linear, 100% 0, 0 0, from(#ddd),
		to(#888));
	background-image: -webkit-linear-gradient(right, #ddd, #eee);
	background-image: -o-linear-gradient(top, #ddd, #888);
	background-image: linear-gradient(top, #ddd, #888);
	border: 1px inset #888;
	border-radius: 0px;
	border-bottom-width: 0px;
	border-top-right-radius: 4px;
	margin-right: 20px;
}

#l_menu h3 {
	
}

#l_menu ul {
	padding: 0px;
	list-style: none;
	margin: 2px;
}

#l_menu ul li {
	margin: 2px;
	padding: 1px;
	padding-top: 3px;
	margin-top: 4px;
	height: 24px;
	border: 1px outset #aaa;
	border-left-width: 2px;
	border-radius: 0px 6px 6px 0px;
	padding-left: 3px;
	padding-bottom: 0px;
	cursor: pointer;
}

#l_menu ul li:hover {
	border-left-width: 3px;
	border-left-color: #000033;
	background-color: #FFFFdd;
}

#l_menu ul li a {
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}

#l_menu ul li.mnu0 {
	margin-left: 0px;
	margin-right: 0px;
	border-color: #fff;
	border-radius: 4px;
	border-width: 1px;
	color: #FFCC00;
	background-color: #485569;
	/* text-shadow: 1px 2px 1px #003366; */
	text-align: center;
}

#l_menu ul li.actif {
	background-color: #FFFFCC;
	color: #FF3300;
	border: 1px inset #FF6600;
	border-left-width: 2px;
	border-left-width: 3px;
	padding-left: 10px;
	border-left-color: #FF3300;
	-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 3px rgba(0, 0, 0, 0.5);
}

.actif a span {
	color: #003366;
	font-weight: bold;
}

#content {
	width: 100%;
	float: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	min-height: 75vh;
	padding-top: 0px;
}

#z_filtre0 {
	padding: 0px;
	margin: 0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	height: 36px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #008aa9;
	background-color: #1c1c1a;
}

#z_filtre {
	padding: 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	height: 36px;
}

.filtre {
	background-color: #FFFFef;
	border: 1px inset #f99;
	color: #003366;
	font-weight: bold;
	padding: 1px;
	height: 32px;
}

#filtre {
	padding: 2px;
	padding-left: 10px;
	padding-right: 80px;
	color: #FFFFCC;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	height: 0px;
	line-height: 32px;;
	border:0px solid red;
}

#filtre select {
	background-color: #FFFFef;
	border: 1px inset #f99;
	color: #003366;
	font-weight: bold;
	margin-right:10px;
}

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

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

.tr_not_selected {
	opacity:.2;
}

.tr_not_selected:hover {
	background-color: #BFDCF9;
}

.tr_selected2 {
	opacity:1;
	color: #FF3300;
}

.tr_selected2 td{
	background-color: #F5F6EA; border-top:2px solid #FC0; border-bottom:2px solid #FC0 
}

.tr_selected2:hover {
	background-color: #F5F6EA;
}

.hmin { padding-top:1px; padding-bottom:1px; }
caption .hmin td, .hmin th { font-size: small;}

.hmin td, .hmin th {
	padding-top:4px; padding-bottom:4px;
}

.hmin0 { padding-top:2px; padding-bottom:2px; font-size: x-small; }
.hmin0 td, .hmin0 th {
	padding-top:2px; padding-bottom:2px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.left {
	text-align: left;
}

/*		MENU EN TAB POUR LES TyPES D'IMMO	*/
#cssmenu {
	float: left;
	width: 100%;
	background: #efefef;
	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;
	background: url('../img/atabrightf.gif') no-repeat right top;
}

	/* -------------------- Page elements -------------------- */ 
<
p> &nbsp ;</p> <p> &nbsp ;</p>
#header {
	margin-bottom: 20px;
	/* line-height: 18px; */
	/* min-width: 1280px; */
	width: 100%;
}

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

#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;
	padding: 9px 0 0 0;
	text-decoration: none;
}

#subnav ul a:hover, #subnav ul a:active {
	text-decoration: none;
	color: #F30;
}

#footer {
	height: 85px;
	background-color: #fff;
	background-image: url(../img/top_bg.jpg);
	background-size:100% 6px;
	background-repeat: no-repeat;
	position: relative;
	bottom: 0px;
	margin: 0px;
	color: #999999;
	width: 100%;
	padding: 0px;
	padding-top:10px;
	margin: 0px;
	color: #036;
	border-bottom:1px solid #ccc;
}

#footer a {
	color: #F30;
	text-decoration: none;
	cursor: pointer;
}

#header-main #logo {
	width: 100%;
	height: 70px;
}

/* -------------------- Header background -------------------- */
#header-main {
	height: 70px;
	padding: 0px;
	margin: 0px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #CCCCCC; 

	background-image: url(../img/bann.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;	
	margin-bottom: 0px;
	border-bottom-color: #aaa;

}

/* -------------------- 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;
}

.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;
	-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;
	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 {
	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 {
	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 {
	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;
	margin-bottom: 2px;
	margin-top: 10px;
}

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

ul#nav {
	float: left;
	margin-top: 98px;
	list-style: none;
	margin-bottom: 0;
	height: auto;
}

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;
}

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

.input-mini2 {
	width: 40px;
}

.input-mini {
	width: 60px;
}

.input-code {
	width: 45px;
	font-weight:bold;
}

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

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

.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;
	border-bottom: 1px solid #fff;
}

.onglets li.active {
	position: relative;
	top: 1px;
	border-bottom: 1px solid #f6f6f6;
	background-color: #fff;
	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 {

}

.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-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-weight: 300;
	padding: 1px 4px 1px 3px;
	position: relative;
	top: -5px;
	left: 4px
}

.pt {
	cursor: pointer;
}

.clear {
	clear: both;
}

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

.track {
	text-align: right;
	color: #900;
	/* line-height: 12px; */
}

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

.fixed {
	position: fixed;
	margin-top: 0;
}

.bloc_ptba {
	float: left;
	margin: 0px;
	padding: 0px 0px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	background-color: #aaa;
}

#mnu_ptba {
	background-color: #ffffef;
	height: 20px;
	padding: 4px;
	margin: 4px;
	margin-bottom: 10px;
	border: 1px solid #666;
	border-width: 0px 0px 2px 0px;
	text-align: left;
}

#mnu_ptba a {
	color: #000033;
	text-decoration: none;
	cursor: pointer;
	font-style: italic;
	padding: 4px;
	margin: 4px;
	margin-left: 20px;
	border: 1px outset #FF9966;
	border-radius: 2px;
}

#mnu_ptba a:hover {
	color: #FF0000;
}

.table-plan {
	background-color: inherit;
}

.table-plan tbody tr {
	cursor: default;
}

.table-plan tbody tr:hover td, .table-plan tbody tr:hover th {
	background-color: inherit;
}

.table-plan tbody tr.comp_sel {
	background-color: #00FFCC;
}

.table-plan tbody tr.comp_sel:hover {
	background-color: #00FFCC;
}

span.min0 {
	padding: 1px 4px;
	font-style: italic;
}

span.min1 {
	padding: 1px 4px;
	color: #FFFFCC;
}

#z_planana {
	float: left;
	max-width: 400px;
	width: 28%;
}

#z_planana h4 {
	margin: 2px;
	padding: 10px;
	background-color: #eee;
	border-bottom: 1px solid #dadada;
	text-align: center;
}

#z_march {
	float: left;
	width: 860px;
	margin-left: 20px;
	min-height: 600px;
}

#z_march h4 {
	margin: 2px;
	padding: 10px;
	background-color: #eee;
	border-bottom: 1px solid #dadada;
	text-align: center;
}

#list_march {
	height: 225px;
	max-height: 225px;
	overflow: scroll;
	margin: 4px;
	border: 1px outset #ccc;
}

#z_planbudg {
	float: left;
	max-width: 400px;
	width: 28%;	
}

#z_planbudg h4 {
	margin: 2px;
	padding: 10px;
	background-color: #eee;
	border-bottom: 1px solid #dadada;
	text-align: center;
}

#z_decaiss {
	float: left;
	width: 860px;
	margin-left: 20px;
	min-height: 600px;
}

#z_decaiss h4 {
	margin: 2px;
	padding: 10px;
	background-color: #eee;
	border-bottom: 1px solid #dadada;
	text-align: center;
}

#list_decaiss {
	height: 225px;
	max-height: 225px;
	overflow: scroll;
	margin: 4px;
	border: 1px outset #ccc;
}

#z_indic {
	float: left;
	width: 860px;
	margin-left: 20px;
	min-height: 600px;
}

#z_indic h4 {
	margin: 2px;
	padding: 10px;
	background-color: #eee;
	border-bottom: 1px solid #dadada;
	text-align: center;
}

#list_indic {
	height: 225px;
	max-height: 225px;
	overflow: scroll;
	margin: 4px;
	border: 1px outset #ccc;
}

#suivi_indic {
	height: 275px;
	max-height: 275px;
	overflow: scroll;
	margin: 4px;
	padding: 4px;
	border: 1px inset #ccc;
}

.mnu_x {
	background-color: #ffffef;
	height: 36px;
	padding: 4px;
	margin: 2px;
	margin-bottom: 10px;
	border: 1px solid #666;
	border-width: 0px 0px 2px 0px;
	text-align: left;
}

.mnu_x .a2 {
	background-color: #f0f6f7;
	border: 1px outset #aaa;
}

.mnu_x .a-right {
	float:right;
	margin-top:-1px; margin-bottom:0px; 
	padding-top:1px; padding-bottom:2px; 
	border: 1px outset #252222;
	font-style: normal; font-weight:bold;
	color:#036;
	background-color:#af5a1d33;
}

.mnu_x a {
	color: #000033;
	text-decoration: none;
	cursor: pointer;
	font-style: italic;
	padding: 4px;
	margin: 4px;
	margin-left: 10px;
	border: 1px outset #FF9966;
	border-radius: 2px;
}

.mnu_x a:hover {
	color: #FF0000;
}

.mnu_x a:hover {
	color: #FF0000;
}


#mnu_risk {
	background-color: #ffffef;
	height: 20px;
	padding: 4px;
	margin: 4px;
	margin-bottom: 10px;
	border: 1px solid #666;
	border-width: 0px 0px 2px 0px;
	text-align: left;
}

#mnu_risk a {
	color: #000033;
	text-decoration: none;
	cursor: pointer;
	font-style: italic;
	padding: 4px;
	margin: 4px;
	margin-left: 20px;
	border: 1px outset #FF9966;
	border-radius: 2px;
}

#mnu_risk a:hover {
	color: #FF0000;
}

#mnu_risk a:hover {
	color: #FF0000;
}

#mnu_indic {
	background-color: #ffffef;
	height: 20px;
	padding: 4px;
	margin: 4px;
	margin-bottom: 10px;
	border: 1px solid #666;
	border-width: 0px 0px 2px 0px;
	text-align: left;
}

#mnu_indic a {
	color: #000033;
	text-decoration: none;
	cursor: pointer;
	font-style: italic;
	padding: 4px;
	margin: 4px;
	margin-left: 20px;
	border: 1px outset #FF9966;
	border-radius: 2px;
}

#mnu_indic a:hover {
	color: #FF0000;
}


#mnu_suivi {
	background-color: #ffffef;
	height: 20px;
	padding: 4px;
	margin: 4px;
	margin-bottom: 10px;
	border: 1px solid #666;
	border-width: 0px 0px 2px 0px;
	text-align: left;
}

#mnu_suivi a {
	color: #000033;
	text-decoration: none;
	cursor: pointer;
	font-style: italic;
	padding: 4px;
	margin: 4px;
	margin-left: 20px;
	border: 1px outset #FF9966;
	border-radius: 2px;
}

#mnu_suivi a:hover {
	color: #FF0000;
}

.label-min {
	padding: 1px 2px;
}

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

#mnu_budg {
	background-color: #ffffef;
	height: 20px;
	padding: 4px;
	margin: 4px;
	margin-bottom: 10px;
	border: 1px solid #666;
	border-width: 0px 0px 2px 0px;
	text-align: left;
}

#mnu_budg a {
	color: #000033;
	text-decoration: none;
	cursor: pointer;
	font-style: italic;
	padding: 4px;
	margin: 4px;
	margin-left: 20px;
	border: 1px outset #FF9966;
	border-radius: 2px;
}

#mnu_budg a:hover {
	color: #FF0000;
}

#mnu_dep {
	background-color: #ffffef;
	height: 20px;
	padding: 4px;
	margin: 4px;
	margin-bottom: 10px;
	border: 1px solid #666;
	border-width: 0px 0px 2px 0px;
	text-align: left;
}

#mnu_dep a {
	color: #000033;
	text-decoration: none;
	cursor: pointer;
	font-style: italic;
	padding: 4px;
	margin: 4px;
	margin-left: 20px;
	border: 1px outset #FF9966;
	border-radius: 2px;
}

#mnu_dep a:hover {
	color: #FF0000;
}

.table-dep {
	background-color: inherit;
}

.table-dep thead tr td, .table-dep thead tr th {
	padding: 1px;
	margin: 1px;
	text-align: center;
	border: 1px solid #aaa;
}

.table-dep tbody tr {
	cursor: pointer;
}

.table-dep tbody tr .mt {
	text-align: center;
}

.table-dep tbody tr td, .table-dep tbody tr th {
	padding: 2px 2px;
	margin: 1px;
}

.table-dep tbody tr td .label {

}

.table-dep tbody tr:hover td, .table-dep tbody tr:hover th {
	background-color: inherit;
}

.table-dep tbody tr.comp_sel {
	background-color: #00FFCC;
}

.table-dep tbody tr.comp_sel:hover {
	background-color: #00FFCC;
}

/*-----------------------------------------------------------------------------------------------------------------
SUIVI EXECUTION ACTIVITES
------------------------------------------------------------------------------------------------------------------*/
#z_suivact {
	float: left;
	width: 860px;
	margin-left: 20px;
	min-height: 600px;
}

#z_suivact h4 {
	margin: 2px;
	padding: 10px;
	background-color: #eee;
	border-bottom: 1px solid #dadada;
	text-align: center;
}

#mnu_exec {
	background-color: #ffffef;
	height: 20px;
	padding: 4px;
	margin: 4px;
	margin-bottom: 10px;
	border: 1px solid #666;
	border-width: 0px 0px 2px 0px;
	text-align: left;
}

#mnu_exec a {
	color: #000033;
	text-decoration: none;
	cursor: pointer;
	font-style: italic;
	padding: 4px;
	margin: 4px;
	margin-left: 20px;
	border: 1px outset #FF9966;
	border-radius: 2px;
}

#mnu_exec a:hover {
	color: #FF0000;
}

/*-----------------------------------------------------------------------------------------------------------------*/
.ptit {
	color: #CC6600;
}

.f8 { font-size: 8px; } .f7 { font-size: 7px; } 
.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; } .f16 { font-size: 16px; } .f17 { font-size: 17px; } .f18 { font-size: 18px; }
 
 
.underlined {
	text-decoration: underline;
}

.italic {
	font-style: italic;
}

.gras {
	font-weight: bold;
}


.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,.bleuf  {  color: #003366; }
.bg-bleu-fonce {  background-color: #003366; }
.bg-bleu-fonce1 {  background-color: #00336633; }
.bg-bleu-fonce2 {  background-color: #9aabaf; }
.bg-bleu-fonce3 {  background-color: #00336699; }
.bg-bleu-fonce4 {  background-color: #003366CC; }

.bleu {	color: #003399; }
.bg-bleu {	background-color: #003399; }
.bg-bleu1 {	background-color: #00339933; }
.bg-bleu2 {	background-color: #00339966; }
.bg-bleu3 {	background-color: #00339999; }
.bg-bleu4 {	background-color: #003399CC; }

.vert {	color: #009966; }
.bg-vert {	background-color: #009966; }
.bg-vert1 {	background-color: #00996633; }
.bg-vert2 {	background-color: #00996666; }
.bg-vert3 {	background-color: #00996699; }
.bg-vert4 {	background-color: #009966CC; }

.vert-fonce {	color: #006633; }
.bg-vert-fonce {	 background-color: #006633; }
.bg-vert-fonce1 {	 background-color: #00663333; }
.bg-vert-fonce2 {	 background-color: #00663366; }
.bg-vert-fonce3 {	 background-color: #00663399; }
.bg-vert-fonce4 {	 background-color: #006633CC; }

.jaune { color: #fbff00; }
.bg-jaune { background-color: #fbff00; }
.bg-jaune1 { background-color: #fbff0033; }
.bg-jaune2 { background-color: #fbff0066; }
.bg-jaune3 { background-color: #fbff0099; }
.bg-jaune4 { background-color: #fbff00CC; }

.rouge { color: #FF0000; }
.rouge-fonce { color: #B94846; }
.bg-rouge { background-color: #FF0000; }
.bg-rouge1 { background-color: #FF000033; }
.bg-rouge2 { background-color: #FF000066; }
.bg-rouge3 { background-color: #FF000099; }
.bg-rouge4 { background-color: #FF0000CC; }

.orange { color: #F60; }
.bg-orange { background-color: #FF66000; }
.bg-orange1 { background-color: #FF6600033; }
.bg-orange2 { background-color: #FF6600066; }
.bg-orange3 { background-color: #FF6600099; }
.bg-orange4 { background-color: #FF66000CC; }

.gris { color: #999999; }
.bg-gris { background-color: #999999; }
.bg-gris1 { background-color: #99999933; }
.bg-gris2 { background-color: #99999966; }
.bg-gris3 { background-color: #99999999; }
.bg-gris4 { background-color: #999999CC; }

.gris-fonce { color: #666666; }
.bg-gris-fonce { background-color: #666666; }
.bg-gris-fonce1 { background-color: #66666633; }
.bg-gris-fonce2 { background-color: #66666666; }
.bg-gris-fonce3 { background-color: #66666699; }
.bg-gris-fonce4 { background-color: #666666CC; }

.noir { color: #000000; }
.bg-noir { background-color: #000000; }

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

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

#z_proj1 {
	float: left;
	width: 600px;
	min-height: 650px;
}

#z_proj2 {
	float: left;
	margin-left: 20px;
	width: 600px;
}

#z_proj1 h4 {
	margin: 2px;
	padding: 5px;
	background-color: #eee;
	border-bottom: 1px solid #dadada;
	text-align: center;
	color: #113366;
	font-weight: normal;
}

#z_proj1 h5 {
	margin: 1px;
	padding: 4px;
	background-color: #eee;
	border-bottom: 1px solid #dadada;
	text-align: center;
	color: #113366;
	font-weight: normal;
}

#z_proj2 .box h4 {
	margin: 2px;
	padding: 5px;
	background-color: #eee;
	border-bottom: 1px solid #dadada;
	text-align: center;
	color: #113366;
	font-weight: normal;
}

#z_proj2 .box h5 {
	margin: 2px;
	padding: 2px;
	text-align: center;
	color: inherit;
	font-weight: bold;
	text-decoration: underline;
}

#z_proj2 .box {
	min-height: 300px;
}

#z_proj2 .box .liste li {
	margin: 4px;
	padding: 2px;
	border-bottom: 1px dotted #CCCCCC;
	width: 500px
}
.onglet_page button{
	background-color:#eee;
	border:1px solid #aaa; border-radius:4px 4px 0px 0px ;
	border-bottom-color:#777;
	position:relative; top:2px;
	margin-right:4px; padding:1px 6px;
	height:22px;
	color:#666; font-family: Geneva, Helvetica, Arial, sans-serif; font-weight: bold;
	}
.onglet_page button:hover{
	background-color:#eee;
	color:red; 
	}


.onglet_page button.set_ok{
 border-color: #777; border-radius:4px 4px 0px 0px ;
 background-color: #f6f6f6;
 border-bottom-color:#f6f6f6;
 color:#039;
}

/* mini fiche presentation */
.z_fich_p {
	height:80px; width:1000px;
	padding:4px 6px; margin:1px auto;
	text-align:center;
}
.fich_p {
	float:left;  width:100px; height:65px; padding:4px 6px;; margin:1px 10px;	
	border:1px outset #ddd; opacity:0.5;
}
.fich_p:hover {
	border:1px inset #F00; opacity:1;
}
.fich_p img {
	width:40px; height:40px; border:1px outset #036; margin:2px 1px;
}
.fich_p span {
	color:#555;
}

.f_selected {
	border:1px inset #F00;
	background-color: #FFC;
	opacity:1;
}
.f_selected span{
	color:#900; font-weight:bold;
}

/*progressbar*/

.progress_ {
	color:#036;	
}

.progress_ ul {
	text-align:left;
}

.progress_ ul li {
	color: #036;
}

.progress_ ul li label {
	text-decoration:underline;
}

.progress_ ul li span {
	text-decoration: none; color:#421833; font-weight: bold;
}

#nb_progress {
	text-decoration: none; color:#421833; font-weight: bold;
}

.pgrs {
	width:400px;	
}

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

.z_text {
	color: #003399 ; 
	font-weight:bold;
	border:1px dotted #DDD; 
	background-color:#FAFAFA; 
	cursor:default; 
	padding:4px; 
	border-radius:2px;	
}
.text-label {
	text-decoration: underline; 
	color:#666666;
}

.text-label12 {
	font-size: normal;
	text-decoration: underline; 
	color:#666666;
}

.text-label13 {
	font-size: large;
	text-decoration: underline; 
	color:#666666;
}

.text-label10 {
	font-size: smaller;
	text-decoration: underline; 
	color:#666666;
}

.text-label11 {
	font-size: small;
	text-decoration: underline; 
	color:#666666;
}

.text-label14 {
	font-size: larger;
	text-decoration: underline; 
	color:#666666;
}

.text-val {
	font-size: normal;
	color:#000000;
}

.text-val-14 {
	font-size: larger;
	color:#000000;
}
.text-val-13 {
	font-size: large;
	color:#000000;
}
.text-val-12 {
	font-size: normal;
	color:#000000;
}
.text-val-11 {
	font-size: small;
	color:#000000;
}
.text-val-10 {
	font-size: smaller;
	color:#000000;
}

.bordered {
	border: 1px solid #ddd;
}

input[type="checkbox"][readonly] {
  pointer-events: none;
}
label[readonly] {
  pointer-events: none;
}

.box-header h4 {
	text-align:left; padding-top:3px; padding-left:4px; font-weight:bold;
	font-size:18px;
}

.float-left { float:left; }
.float-right { float:right; }