body
{
background: url('../images/fond.png') no-repeat  center top #dedfcf;
color:#666;
font-family: Arial;
font-size: 12px;
overflow-x:hidden;
display:none;


}

#conteneur
{
	width:960px;
	position: relative;
	
	margin:auto;
	padding-top:180px;
}

h1
{
display: inline;
color:black;
text-transform: uppercase;
padding-right:10px;
margin-right:10px;
}

a.plus
{
cursor:pointer;
background: url('../images/plus.gif') no-repeat ;
width:8px;
height:10px;
text-indent: -9999px;
display: inline-block;
}

a.moin
{
cursor:pointer;
background: url('../images/moin.gif') no-repeat center;
width:8px;
height:10px;
text-indent: -9999px;
display: inline-block;
}

#outilPliage
{
margin:0 0 10px 20px;
}

#outilPliageBas
{

padding:10px 0 10px 20px;
}

#outilPliage a 
{
margin-right:10px;
}
/*  Dialogue */

#listeTache
{
width:95%;
margin:auto;

}




#listeTache>li
{
width:1024px;
}

#listeTache ul.dialog
{

}

.desc
{
cursor: pointer;
width:14px;
height:10px;
display: inline-block;
background: url('../images/haut.gif') no-repeat;

}

.asc
{
cursor: pointer;
width:14px;
height:10px;
display: inline-block;
background: url('../images/haut.gif') no-repeat;
}


/* ----------------  repondre */

.repondre
{
width:550px;
text-align:right;
height:100px;
display: none;
}

.textareaRepondre
{
border:#D23286 solid 1px;
height:100px;
width:510px;

}

.boutonRepondre
{
margin-top:10px;
}

/* ----------------- tableau */
#listeTache 
{
border: #dedfcf solid 1px;
background: url('../images/fond_tableau.gif') repeat-y -1px ;
}

#listeTache th
{
background: #eeeeec;
}


#listeTache tr.sautLigne td
{
height:30px;
}

#listeTache .caseDialogue
{

width:550px;

}

/* ----------------  head */
#listeTache th
{

height:30px;
}

#listeTache th.caseNum
{
width:60px;

}

#listeTache th.caseDate
{
width:70px;


}

#listeTache th.caseTaches
{
text-align: left;

}

#listeTache th.caseValidation
{
background-color:#2F89AD;
color:white;
width:80px;
}

#listeTache th.caseAction
{
background-color:#D23286;
color:white;
width:200px;
text-align: center;
padding-top:10px;
}

#listeTache th.caseEtat
{
background-color:#D23286;
color:white;
text-align: center;
width:70px;
font-weight: normal;

}
#listeTache th.casePriorite
{
background-color:#D23286;
color:white;
text-align: center;
width:70px;
font-weight: normal;
}
#listeTache th.caseQui
{
background-color:#D23286;
color:white;
text-align: center;
width:70px;
font-weight: normal;

}


/* ---------------- Coté gauche */

#listeTache td.caseDate
{
width:60px;
font-size: 10px;
}


#listeTache td.caseNum
{
width:37px;

}


#listeTache td.caseNumPrincipal
{
width:40px;
font-weight: bold;
font-size: 14px;
p
}


#listeTache td.origineC
{
background-color:#2F89AD;
color:white;
text-align:left;
padding:5px;
width:400px;

}

#listeTache td.origineI
{
background-color:#D23286;
color:white;
text-align:left;
padding:5px;
width:400px;
}

#listeTache td.caseTitre
{

color:black;
width:400px;
text-align: left;
padding:0 5px 5px 5px;
}
#listeTache td.caseGauche
{
width:640px;
}


/* ---------------- coté droit */



#listeTache span.colorRouge
{
color:red;
}

#listeTache span.colorOrange
{
color:orange;
}
#listeTache span.colorVert
{
color:green;

}
#listeTache span.validVert
{
Background-color:green;
color:white;
width:50px;
display: inline-block;
}

#listeTache span.validRouge
{
Background-color:red;
color:white;
width:50px;
display: inline-block;
}

#listeTache td.caseEtat
{
text-align: center;
width:70px;

}

#listeTache td.casePriorite
{
text-align: center;
width:70px;
}

#listeTache td.caseQui
{
text-align: center;
width:70px;
}

#listeTache td.caseAction
{

width:200px;
text-align: center;
}

.select_etat
{
display:none;
}

.select_priorite
{
display:none;
}

.select_responsable
{
display:none;
}

.texte_etat
{
cursor: pointer;
}

.texte_priorite
{
cursor: pointer;
}

.texte_responsable
{
cursor: pointer;
}