@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1;
overflow: auto;  }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  vertical-align: middle}

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }
strong {
	font-weight:bold;
}
*{margin:0;padding: 0;}
.clear{clear: both;}
a{text-decoration: none;}
html {
  height: auto;
  overflow:auto;
}
body{
    background-color: #f2f2f2;
    font-family: 'Comfortaa', cursive;
    color: #333333;
    font-size: 14px;
	overflow: auto;
    width:100%;
    min-width: 1024px;
	position:relative;
}
#sidebar-left{
    background-color: #333333;
    min-width: 180px;/*150*/
    min-height: 100vh;
    position:absolute;
    float: left;
	height: 100%;
    /*display: inline-block;*/
}
#logo{
    width: 80%;
    height: 160px;
    margin: 20px 10%;
    text-align: center;
    color:#fff;
    border-bottom: 1px solid #4d4d4d;
}
#logo a img {
	max-width: 75px;
    margin-bottom: 20px
}
.intranet{font-size: 24px;}

/*------menu------*/
#menu-principal{
    text-align: center;}
#menu-principal ul{
    list-style-type: none;
    margin-top: 40px;
    text-align: center;
}
#menu-principal ul li{
    position: relative;
    text-align: left;
}
#menu-principal ul li a{
    display: block;
    width: 85%;
    text-decoration: none;
    color: #fff;
    line-height: 40px;  
    padding-left: 15%;
}
#menu-principal ul li a:hover{
    color: #fff;
    background-color: #2ecc71;
}

#menu-principal ul li a.on{
    color: #fff;
    background-color: #2ecc71; 
}
/*------sous-menu------*/
#menu-principal ul li ul{
    display: none;
    list-style-type: none;
    margin-top: 40px;
    text-align: center;
}
#menu-principal ul li:hover ul{
    display: block;  
    position: absolute;
    top: -40px;
    left: 180px;
	z-index:99;
}
#menu-principal ul li ul li{}
#menu-principal ul li ul li a{
    font-size: 16px;
    display: block;
    width: 150px;
    text-decoration: none;
    color: #fff;
    line-height: 40px;
    background-color: #444444;
    border-bottom: 1px solid #4d4d4d;
}
#menu-principal ul li ul li a :hover{
    color: #fff;
    background-color: #2ecc71;
    border-bottom: 1px solid #2ecc71;
}

/*------CONTENU------*/

#contenu{
    padding-top: 30px;
    width: calc(100% - 380px);
    min-height: 100vh;
    margin: 0 auto;
}

#bandeau-top, #infos{
    width: 96%;
    height: 25px;
    background-color: #fff;
    padding: 20px;
    margin-bottom: 30px;
}

#bandeau-top a{
    color: #2ecc71;
    font-size: 18px;
}

a.buttonblue{
    color: #fff;
    padding: 10px 15px;
    line-height: 40px;
    background-color: #2980b9;
}

#moisNMoins {
    float: right;
    margin-top: 15px;
    padding: 2px;
    border: 1px solid #e0e0e0;
    font-family: comfortaa;
}
select {
	padding: 2px;
    border: 1px solid #e0e0e0;
    font-family: comfortaa;
}
/*---------TABLEAUX-----------*/
/*-------tableau1--------*/
table{
    width: 100%;
    margin-top: 10px;
    border-collapse: collapse;
}

tfoot{
    margin-top: 30px;
}

tr{
    height: 35px;
    background-color: #fff;
}

th{
    height: 35px;
    font-weight: normal;
    font-size: 14px;
    border: 1px solid #f2f2f2;
    background-color: #333333;
    color: #fff;
}
td{
    height: 35px;
    border: 1px solid #e6e6e6;
    text-align: center;
}
#tab_projetsSynt th {
	text-align:center;
}
th:nth-child(1), td:nth-child(1), .projs_data .filProj {
    text-align:left!important;   
}
#tab_projets th:nth-child(1), #tab_projets td:nth-child(1) {
	text-align:center!important;   
}
.tab_proj_report th:last-child {
	width:100px;
}
th:nth-child(1), td:nth-child(1) {
    padding-left: 0.71428571%/*10px*/;   
}

tr:nth-child(even) {
    background-color : #f2f2f2;  
}

input{width: 99%;    min-height: 21px;}
#form_stats .submit {
	width:90px;
}
#stats .checkstats {
	width:20px;
	margin: 15px 0 0 15px;
	vertical-align: bottom;
}
#stats .labstats {
	width:85px;
	text-align:right;
	margin-bottom:0!important;
}
#exclcdpdiv {
	display:inline-block;
	width:250px;
	vertical-align: top;
    margin-top: 20px;
    margin-left: -270px;
}
#exclcdpinputdiv {
	display:inline-block;
	width:150px;
}
td.col1{padding: 10px;height: 15px;}

tbody a{
    color: #2ecc71;
    font-weight: bold;
}

tbody a:hover{
    text-decoration: underline;
}

/*-------tableau2--------*/
table.tableau2 th:nth-child(4), table.tableau2 td:nth-child(4), table.tableau2 tfoot th:nth-child(1) {
    text-align: left;   
}
table.tableau2 th:nth-child(1), table.tableau2 td:nth-child(1) {
    text-align: center;   
}
table.tableau2 th:nth-child(4), table.tableau2 td:nth-child(4) {
    padding-left: 0.71428571%/*10px*/;   
}

/*-------tableau3--------*/
table.tableau3 th:nth-child(-n+3), table.tableau3 td:nth-child(-n+3){
    text-align: left;   
}
table.tableau3 th:nth-child(-n+3), table.tableau3 td:nth-child(-n+3) {
    padding-left: 1%/*10px*/;   
}
.linkIco {color:black;}
table.tableau3 select {width: 80%;margin-right: 5%;margin-top:0;float:none;}
td.col1{padding: 10px;height: 15px;}

i.icon-size{font-size: 18px;}

/*-------tableau4--------*/
#tableau{
    background: #fff;
    padding: 20px 0;
}

table.tableau4 th:nth-child(3), table.tableau4 td:nth-child(3){
    text-align: left;   
}
table.tableau4 th:nth-child(3), table.tableau4 td:nth-child(3) {
    padding-left: 1%/*10px*/;   
}

table.tableau4 input{width: 80%;margin-right: 5%;}
td.col1{padding: 10px;height: 15px;}

i.icon-size{font-size: 18px;}
p.margin-top{
    margin-top: 30px;
}

table.tableau4 caption{
    text-align: left;
    margin: 10px 0 10px 10px;
    color: #ee7755;
    font-weight: bold;
    width: 99%;
}

.total{
    float: right;
    margin-right: 10px;
}
.texte{
    color: #333333;
    font-weight: normal;
}

#tableau ul{
    list-style-type: none;
    margin-left: 10px;
}
#tableau ul li {
	cursor:pointer;
	float: left;
    margin-right: 3px;
	color: #fff;
    padding: 10px 15px;
    line-height: 20px;
    background-color: #999999;
}
#tableau ul li:first-child {
    margin-right: 8px;
}
#tableau ul li.presSelected{
    background-color: #ee7755;
}

/*------SIDEBAR de Droite------*/

#sidebar-right{
    background-color: #e6e6e6;
    min-height: 100vh;
	position:absolute;
    float: right;
    min-width: 180px;
    min-height: 100vh;
	height: 100%;
    right:0;
}

/*------profil------*/
#profil{
    width: 80%;
    min-height: 50px;
    margin: 20px 10%;
    padding-top:20px;
    text-align: center;
    color:#333333;
}

#profil img{
		display:none;
    margin-bottom: 20px;
}

.id{
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 800;
}
#profil .id {
	display:none
}
a.buttonred{
    color: #fff;
    padding: 10px 15px;
    line-height: 40px;
    background-color: #e74c3c;
}

 /*------date------*/
#date{
		display:none;
    width: 160px;
    margin: 0 auto;
    padding:10px 0;
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
}

.jour{
    text-align: right;
    font-size: 45px;
    float: left;
    width: 50%;
    padding-right: 5px;
    border-right: 1px solid #b7b7b7;
}

.date{
    font-size: 16px;
    line-height: 25px;
    margin-top: 5px;
    float: left;
    margin-left: 5px;
}

/*------menu CDP------*/
#menu-cdp{
    margin-top: 20px;
    padding-left: 25px; 
}

#menu-cdp h3{
    margin-bottom: 10px;
}

#menu-cdp ul{
    list-style-type: none;
}
#menu-cdp ul li{
    line-height: 18px;
}
#menu-cdp ul li a{
    color: #2ecc71;
    font-weight: bold;
}
#menu-cdp ul li a:hover{
    text-decoration: underline;
}
#menu-cdp ul li a.on{}

.vert{color: green;}
.rouge{color: red;}

/*-------bloc infos clients----------*/
#infos{
    min-height: 200px;
}
#content {
    max-width: 1190px;
	margin:0 auto;
	overflow:auto;
	margin-bottom:20px;
}
#menu {
	margin-top:20px;
    border: 1px solid black;
    background: #999;
    min-height: 24px;
}
#menu li {
    float: left;
    border-right: 1px solid black;
}
#menu a {
    color: white;
    padding: 5px 10px;
    display: block;
    background: #2277cc;
    font-size: 14px;
    text-decoration: none;
}
#menu a:hover {
    background: #3388dd;
}
#menu li:last-child {
    float:right;
	border-left: 1px solid black;
	border-right: 0;
}
#menu li:last-child a {
    background: #ee7755;
}
#menu li:last-child a:hover {
    background: #ff8866;
}
#contentIndex {

}
#contentIndex .intranet {
	font-size:20px;
	color:#333333;
	margin-top:-5px;
}
#contentIndex #logo {
	width:120px;
	height: 120px;
	background:#f6a799;
    margin:40px auto 0 auto;
    text-align: center;
    border-bottom:0;
}
#logoBot {
	width:30px;
	height:30px;
	margin:0 auto;
	background:#f6a799;
}
#connexion {
	width: 300px;
	height:300px;
	background:#333333;
    margin: 0 auto 20px auto;
	padding:30px;
	position:relative;
}
.bred {
	position:absolute;
	background:#7d292e;
	width:30px;
	height:30px;
}
.bredg {
	top:0;
	left:0;
}
.bredd {
	top:0;
	right:0;
}
#connexion div {
	text-align:center;
}
#connexion label {
	display: block;
    width: 250px;
    font-size: 14px;
    color: white;
    margin-top: 20px;
    padding-left: 25px;
    text-align: left;
}
#connexion  input[type="text"], #connexion  input[type="password"] {
	width:250px;
	height:40px;	
}
.buttonConn {
	width:120px;
	height:45px;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	background:#26cf71;
	border:0;
	cursor:pointer;
	color:white;
		font-family: 'Comfortaa', cursive;
}
#tab_projets {
	border-collapse: collapse;
}
#tab_projets th, #tab_projets td {
	padding:7px;
}
#tab_projets th {
    color: white;
}
#right_column {
	width:25%;
	float:left;
}
.block {
	padding: 10px;
    border: 1px solid #666;
    background: #fafafa;
    font-size: 13px;
	margin-bottom:15px;
}
.block h2 {
	font-size: 16px;
    margin-bottom: 5px;
    color: #2277cc;
}
.green {
	color: 66cc55;
}
.red {
	color:#ff0000;
}
#tab_projets .header, #tab_projetsSynt .header {
	background-position: center right;
	cursor: pointer;
}
#tab_projets .even, #tab_projetsSynt .even {
	background-color: #3D3D3D;
}
#tab_projets .odd, #tab_projetsSynt .odd {
	background-color: #6E6E6E;
}
#tab_projets .headerSortUp, #tab_projetsSynt .headerSortUp {
	background-image: url(asc.gif);
	background-repeat: no-repeat;
}
#tab_projets .headerSortDown, #tab_projetsSynt .headerSortDown {
	background-image: url(desc.gif);
	background-repeat: no-repeat;
}
#tab_projets .headerSortDown, #tab_projets .headerSortUp, #tab_projetsSynt .headerSortDown, #tab_projetsSynt .headerSortUp {
	background-color: #8dbdd8;
}
.align_right {
	text-align:right;
}
.submit, .button {
	display: inline-block;
    padding: 5px 10px;
    border: 1px solid black;
    color: white;
    background: #3499BE;
    font-size: 13px;
    text-align: center;
	text-decoration:none;
	cursor:pointer;
}
.button:hover {
	background: #44a9cE;
}
.submit {
    background: #ee7755;
}
.submit:hover {
	background: #fe8775;
}
label {
	width: 70px;
    display: inline-block;
	margin-bottom: 12px;
}
#form_cdp label {
	width:90px;
}
#form_top_left h2, #form_bottom_left h2, #form_right h2 {
	font-size: 16px;
    margin-bottom: 15px;
    color: #ee7755;
	font-weight:bold;
}
#form_top_left .form_container .form_block {
	width: 28%;
}
#form_top_left .form_container .form_block:nth-child(3) {
	width: 25%;
}
#form_top_left .form_container .form_block:nth-child(4) {
	width: 18%;
}
#form_top_left .form_container:nth-child(2) .form_block {
	width: 50%;
}
#form_top_left .form_container .form_block:nth-child(2) label {
	width: 45px;
    display: inline-block;
    margin-bottom: 15px;
}
#form_cdp #form_top_left .form_container .form_block label {
	width:70px!important;
}
#form_top_left .form_container .form_block:nth-child(3) label,
	#form_top_left .form_container .form_block:nth-child(4) label,
	#form_top_left .form_container .form_block:nth-child(5) label {
	width: 40px;
    display: inline-block;
    margin-bottom: 15px;
}
#form_top_left .form_container:nth-child(2) .form_block label {
	width: 65px;
}
#form_top_left .form_container:nth-child(2) .form_block:nth-child(3) label {
	width: 85px;
}
#form_top_left, #form_right {
    float: left;
    width: 83.99%;
	height:363px;
	overflow:auto;
}
#form_cdp #form_top_left {
	width: 100%;
	height:172px;
}
#form_right {
    width: 16.012%;
	height:363px;
}
#form_bottom {
	clear:both;
	width:100%;
	padding-top: 20px;
    height: 90px;
}
#form_cdp #form_bottom {
    height: 60px;
}
#formrb label {
	width:120px;
}
.form_container {
	border: 1px solid black;
	padding: 15px;
	background-image: linear-gradient(#ededed, white, white);
	height: 150px;
	font-size:12px;
}
#form_top_left .form_container:nth-child(2) {
	height:150px;
	border-top: 0;
}
#form_right .form_container {
	border-left:0;
	height: 331px;
}
#form_bottom input[type="submit"] {
	display:block;
    padding: 10px 15px;
    line-height: 40px;
	width:170px;
	color:white;
	border:0;
	font-size: 19px;
	font-family: 'Comfortaa', cursive;
	background:#2ecc71;
}
.form_block {
	float:left;
}
#formlb .form_block input[type="text"] {
	max-width: calc(100% - 70px);
}
#formlb .form_block select {
	max-width: calc(100% - 70px);
}
#formlb .form_block {
	width:48%;
}
#formlb .formb_bt {
	width: 98%;
}
#form_bottom #divttval {
    float:right;
    font-weight: bold;
}
#form_top_left .form_container .form_block:nth-child(2) input[type="text"] {
	width:185px;
}
#form_top_left .form_container .form_block:nth-child(3) input[type="text"] {
	width:45px;
}
#form_right input[type="text"] {
	width:35px;
	margin-left:15px;
}
#form_right label {
	width:105px;
	display: inline-block;
    margin-bottom: 10px;
}
#form_right label#labdmoz {
    margin-bottom: 20px;
}
input[type="text"].inp_left {
	max-width: calc(100% - 100px)!important;
}
label.inp_left {
	clear:both;
	width: 75px!important;
	margin-right:0px!important;
}
.inp_left {
	float:left;
	margin-right:10px;
}
.cdpsele, .reftext {
	/*width:calc(100% - 100px)!important;*/
	width:60px!important;
}
.form_bot {
	clear:both;
}
#comlabel {
	margin-right:0!important;
	width:75px!important;
}
#partlabel {
	margin-left:10px;
	margin-right:0!important;
	width:55px!important;
}
input[type="text"]#cominp {
	width:60px!important;
}
.form_block select {
	font-size:12px;
}
input[type="text"]#inprelance {
	width: calc(60% - 205px)!important;
}
input[type="text"]#date_relance {
	width:100px!important;
}
#labrep {
    width: 130px!important;
    margin-left: 20px;
}
#inprepmens {
	width:50px!important;
}
input[type="text"]#inplog {
	width:120px!important;
	margin-right:15px;
}
input[type="text"]#inppass {
	width:120px!important;
}
label#labpass {
	width:60px!important;
}
#formlb, #formrb {
	float:left;
	width:68%;
}
#formrb {
	width:30%;
}
.labDate {
	font-size: 11px;
    font-weight: normal;
    position: absolute;
    line-height: 1;
    text-align: center;
    background-color: #eeeeee;
    border: 1px solid #a6a4a4;
    border-radius: 0;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin-left: -20px;
    padding: 4px;
}
.ui-datepicker-calendar {
	border-left:0;
	border-right:0;
}
.big_h2 {
	margin-top:20px;
	color: #ee7755;
    font-weight: bold;
}
#editProjetPresta, #form_cdp {
	background:white;
	border:1px solid #eee;
	padding: 25px;
	position:relative;
	z-index:10;
}
#editProjetPresta  hr {
	width: 95%;
    margin: 15px 0 15px 0;
}
.bgreen {
	position:absolute;
	background:#2ecc71;
	width:20px;
	height:20px;
}
.bgreeng {
	top:0;
	left:0;
}
.bgreend {
	top:0;
	right:0;
}
.bgreenbg {
	bottom:0;
	left:0;
}
.bgreenbd {
	bottom:0;
	right:0;
}
#tab_dcontacts, #tab_recos, #tab_projetsSynt, #tab_stats {
	width: 100%;
    margin-top: 10px;
    border: 1px solid black;
}
#tab_stats {
	margin-bottom:40px;
}
#tab_dcontacts thead tr, #tab_recos thead tr, #tab_projetsSynt thead tr, #tab_stats thead tr {
	background:#666;
	color:white;
}
#tab_recos thead th {
	background:#884411;
}
#tab_dcontacts td, #tab_dcontacts th,
	#tab_recos td, #tab_recos th, 
	#tab_projetsSynt td, #tab_projetsSynt th {
	padding: 7px 10px;
	border-top: 1px solid #ddd;
}
#tab_stats td, #tab_stats th {
	padding: 7px 10px;
	border-bottom: 1px solid #ddd;
}
#tab_stats tbody td:nth-child(2) {
	position:relative;
}
#tab_stats tbody td:nth-child(2) span:hover {
	cursor:pointer;
	text-decoration:underline;
}
.tab_contacts_stats {
	display: none;
    position: absolute;
	top: 24px;
    left: 0;
    width: 780px;
    z-index: 999;
	-moz-box-shadow: 0px 0px 2px 0px #000000;
	-webkit-box-shadow: 0px 0px 2px 0px #000000;
	-o-box-shadow: 0px 0px 2px 0px #000000;
	box-shadow: 0px 0px 2px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=2);
}
.tab_contacts_stats thead th:first-child {
	width:80px;
}
.piechart {
	width: 350px; height: 400px;
	float:left;
	margin-right:25px;
}
.piechartTot {
	clear:both;
	width:500px;
	margin-top:50px;
	height:600px;
	margin-left: calc(50% - 250px);
}
#stats_res {
	overflow: auto;
}
#stats_res h2 {
	position:relative;
	line-height: 35px;
    background: #333;
    color: white;
    padding-left: 10px;
    font-weight: bold;
    margin-top: 15px;
    cursor: pointer;
}
#stats_res h2 i {
	position:absolute;
	right: 10px;
    top: 2px;
    font-size: 30px;
}
.clearboth {
	width:100%;
	height: 20px;
	clear:both;
	margin-bottom: 5px;
}
#tab_dcontacts thead tr th, 
#tab_stats thead tr th {
	border-top:1px solid black;
}
#tab_recos thead tr th {
	border-top:1px solid #444;
}
/*
#tab_dcontacts tbody td:first-child input, #tab_recos tbody td:first-child input {
	width: 50px;
}
#tab_dcontacts tbody td:nth-child(2) input, #tab_recos  tbody td:nth-child(2) input {
	width: 50px;
}
#tab_projetsSynt tbody td:nth-child(2) input, #tab_projetsSynt tbody td:nth-child(3) input {
	width: 40px;
}
#tab_projetsSynt tbody td:nth-child(4) input {
	width: 40px;
}
#tab_projetsSynt tbody td:nth-child(n+5) input {
	width: 40px;
}
*/
#tab_projetsSynt tbody tr:last-child {
    border-bottom: 1px solid #666;
}
#tab_projetsSynt tfoot::before
{
	content: '';
	display: block;
	height: 50px;
}
#tab_projetsSynt tfoot tr td {
    border-top: 1px solid #666;
}
#tab_projetsSynt td .valH {
	display:none;
}
#tab_dcontacts tbody td:nth-child(3), #tab_recos tbody td:nth-child(3) {
	width:600px;
}
#tab_dcontacts tbody td:nth-child(3) input, #tab_recos tbody td:nth-child(3) input {
	width: 500px;
}
#tab_dcontacts tbody td:nth-child(6) input, #tab_recos tbody td:nth-child(6) input {
	width: 60px;
}
#tab_dcontacts tbody td:nth-child(7) input, #tab_recos tbody td:nth-child(7) input {
	width: 50px;
}
#addContact, #addContactREC, .modContact, .modContactREC {
	color:#333333;
}
.suppCDP, .suppContact {
	background:#ff4444;
}
.suppCDP:hover, .suppContact:hover {
	background:#ff5566;
}
.annContact, .annContactREC, .suppContact {
	margin-top:5px;
}
#form_presta {
    width: 100%;
}
#form_presta label {
	cursor:pointer;
	width: 50px;
}
#form_presta input[type="checkbox"] {
	width:30px;
	margin-right: 5px!important;
}
.labcc {
    float: left;
    width: 32%;
	margin-right:1%;
}
.labcc label {
	width: 58px!important;
    font-size: 11px;
    display: inline-block!important;
}
.labcc input[type="text"] {
	max-width: calc(100% - 100px)!important;
}
#formrb textarea {
	width: 95%;
    height: 300px;
}
#h2dcon_tabs {
	display:block;
	float:left;
	width:auto;
	margin-right: 20px;
}
#codelab {
	cursor:pointer;
}
#projCoord {
	display: none;
    position: absolute;
    padding: 20px;
    border: 1px solid black;
    z-index: 99;
    left: 80px;
    top: 10px;
    min-width: 290px;
    background: white;
	overflow:auto;
}
.closr {
	font-weight:bold;
	cursor:pointer;
	color:black;
	position:absolute;
	top:5px;right:5px;
}
#plusdecnt {
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;
}
#plusdecnt:hover {
	text-decoration:underline;
}
#plusdecntdiv {
	display:none;
}
/*
#dcon_tabs {
    float: left;
    display: block;
    height: 31px;
    margin-top: 15px;
}
#dcon_tabs li {
    float: left;
    padding: 6px 20px 8px 20px;
    border: 1px solid black;
    border-right: 0;
    background: #ddd;
    cursor: pointer;
}
#dcon_tabs li:last-child {
	border-right: 1px solid black;
}
#dcon_tabs li:hover {
	background: #eee;
}
#dcon_tabs li.presSelected {
	background:#ee7755;
	color:white;
}
*/
.trHide {
	display:none;
}
.tdprogress, .redRelance {
	position:relative;
}
.redRelance {
	background:red;
}
.avancement {
	cursor:pointer;
}
.jaugeTemps, .relanceDivObj {
	display:none;
	top: -10px;
    right: -180px;
	z-index: 20;
    position: absolute;
	padding:15px;
	background:white;
	border:1px solid black;
}
.jaugeTemps label {
	display: inline-block;
    width: 70px;
    margin-right: 5px;
}
.relanceDivObj {
	left: 170px;
    width: 250px;
}
.avancement, .avancementFixed {
    width: 135px;
}
progress {
    height: 15px;
    margin: 5px 0;
    border: 2px solid white;
    border-radius: 5px;
    background-color: #d4d4d4;
    box-shadow: 0 0 0 1px #b6b6b6;
}

@-webkit-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
@-moz-keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
@keyframes progress {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 100% 100%;
  }
}
progress::-webkit-progress-bar {
  border-radius: 5px;
  background-color: #d4d4d4;
}
progress::-webkit-progress-value {
  border-radius: 5px;
  background-color: #a5d62f;
  background-image: -webkit-linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-size: 40px 40px;
  -webkit-animation: progress 8s linear infinite;
  animation: progress 8s linear infinite;
}
progress::-moz-progress-bar {
  border-radius: 5px;
  background-color: #a5d62f;
  background-image: linear-gradient(-45deg, transparent 25%, rgba(255, 255, 255, 0.3) 25%, rgba(255, 255, 255, 0.3) 50%, transparent 50%, transparent 75%, rgba(255, 255, 255, 0.3) 75%, rgba(255, 255, 255, 0.3));
  background-size: 40px 40px;
  -moz-animation: progress 8s linear infinite;
  animation: progress 8s linear infinite;
}
.progressRed::-webkit-progress-value {
  background-color: #ff4444;
}
.progressRed::-moz-progress-bar {
  background-color: #ff4444;
}
@media (max-width: 1290px) {
	th{
		font-size: 12px;
	}
	td.filProj {
		font-size: 11px;
	}
}
@media (max-width: 1190px) {
	th{
		font-size: 11px;
	}
	td.filProj {
		font-size: 10px;
	}
}
@media (max-width: 1140px) {
	th{
		font-size: 9px;
	}
	td.filProj {
		font-size: 9px;
	}
}
.setproj {
	background: #8dbdd8;
    padding: 4px 10px;
    font-size: 10px;
    float: right;
    color: white
}