/* formulaire tâches */
.form{	
	font-family: 'Roboto', 'Helvetica', sans-serif;
	position: relative;
	max-width : 100% ;
    margin-left: 5%;
    margin-right: 5%;
}
.form p{
	font-size: 1.2em;
	width: 90px;
	height: 40px;
	padding-top: 7px; /*permet le centrage vertical*/
	text-align: center;
	color: #000;
	background: #444;
	background: linear-gradient( #555, #2C2C2C);
	border-radius: 8px;
	text-shadow: 0px 1px 0px white;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
		 0 -1px 0 rgba( 255, 255, 255, 0.4);
}
.form p:hover{
	color: #222;
	background: #555;
	background: linear-gradient( #777, #333);
}
.form p:active{
	color: #000;
	background: #444;
	background: linear-gradient( #555, #2C2C2C);
	box-shadow: 1px 1px 10px black inset, 
			 0 1px 0 rgba( 255, 255, 255, 0.4);
}
#taches {
	position: relative;
	max-width : 100% ;
    margin-left: 5%;
    margin-right: 5%;	
}
#taches a{
	color: black;
}
#taches h2 a:hover{
	Color: black;
	text-shadow: 0px 1px 0px black;
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
    -webkit-border-radius:4px; 
	background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
	box-shadow: 8px 8px 5px #444;
	border: 1px solid #333;	
	}
#taches tbody{
	padding-bottom :5%;	
	margin:auto;
	font-size: 1.1em;
}
#taches td { 
	background: #??;
}
#taches th { 
	background: ??; 
	width: 10%; 
	height: 40px;	
	text-align: center; 
	text-shadow: 0px 3px 0px black;
    text-shadow: 0px 2px 0px rgba( 255, 255, 255, 0.2);
    text-shadow: 0 0 5px rgba( 0, 0, 0, 0.5) 0 -2px 0 rgba( 255, 255, 255, 0.4);
	border-bottom: 2px solid #575757;
	border-left: 2px solid #929292;
	border-right: 2px solid #5d5d5d;
	border-top: 2px solid #797979;
	-webkit-border-radius:8px;
}
#taches td a{ 
	text-decoration:none;
	text-align: center;
	color: black;
}
#taches table {
	width:95% ;
	margin:auto;
}
.listeamis li {
	margin:auto;
	font-size: 1.1em;
	text-decoration:none;
	text-align: center;
	color: black;
}
.indispenssable{
	color : black;
}
.form tbody{
	padding-bottom :2%;	
	margin:auto;
	font-size: 1.1em;
}
tr:nth-of-type(odd) { 
	min-height:200px;
	background:#a39e9e/*#4d4d4d*/; 
	-webkit-border-radius:15px;/**/
}
.form th { 
	background: ??; 
	width: 10%; 
	/*color: 0F0F0F; */
	height: 40px;
	text-align: center; 
    text-shadow: 0px 3px 0px black;
    text-shadow: 0px 2px 0px rgba( 255, 255, 255, 0.2);
    text-shadow: 0 0 5px rgba( 0, 0, 0, 0.5) 0 -2px 0 rgba( 255, 255, 255, 0.4);	
	border-bottom: 2px solid #575757;
	border-left: 2px solid #929292;
	border-right: 2px solid #5d5d5d;
	border-top: 2px solid #797979;
	-webkit-border-radius:8px;

}
.form td a{ 
	text-decoration:none;
	text-align: center;
	color: black;
}
.form td { 
	background: 50% #B8B8B8, 50% ??;
}
/*couleur des taches */

tr.tacheNiv1
{
	background-color: #00FF76; /* vert claire */
}
tr.tacheNiv2
{
	background-color: #00ff31; /* vert */
}
tr.tacheNiv3
{
	background-color: #14ff00;
}
tr.tacheNiv4
{
	background-color: #59ff00;
}
tr.tacheNiv5
{
	background-color: #9eff00;/* jaune */
}
tr.tacheNiv6
{
	background-color: #e3ff00;
}
tr.tacheNiv7
{
	background-color: #ffd600; /* orange */
}
tr.tacheNiv8
{
	background-color: #ff9100;
}
tr.tacheNiv9
{
	background-color: #ff4c00;
}
tr.tacheNiv10
{
	background-color: #ff0700; /* rouge */
}
.success{
	text-decoration:none;
	background:linear-gradient(#38870a, #00ff31); /* vert */
	border-radius: 8px;
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
		 0 -1px 0 rgba( 255, 255, 255, 0.4);	
}
.warning{
	text-decoration:none;
	background:linear-gradient(#FF4500,#E7A854);/* orange */
	border-radius: 8px;
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
		 0 -1px 0 rgba( 255, 255, 255, 0.4);	
}
.error{
	text-decoration:none;
	background: linear-gradient(#b50a0a,#ff0000);/* rouge */
	border-radius: 8px;
	box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5),
		 0 -1px 0 rgba( 255, 255, 255, 0.4);	
}
.prio_base {
  position: relative;
  width: 1px;
}
.image {
  display: block;
  position: center /*top-left*/;
  width: 10%;
  height: auto;
}
.container:hover .overlay {
  opacity: 1;
}
.overlay, .partageListe {
  position: absolute;
  opacity: 0;
} 
.overlay {
	top: -20%;
	bottom: 0;
	left: 5%;
	right: 0;
	height: 50%;
	width: 50%;
	-webkit-transition:0.5ease;
}
.prio_base:hover .overlay {
  opacity: 1;
/* */visibility:hidden;
  transition:visibility 0s linear 5s,opacity 1s linear;
}
.partage:hover + .partageListe {
  opacity: 1;
/* */visibility:hidden;
  transition:visibility 0s linear 5s,opacity 1s linear;
}
.text {
	font: Helvetica, Sans-Serif;
	color: black;
	font-size: 0.8em;
	position: absolute;
	top: 5%;
	left: 15%;
	transform: translate(-60%, -60%);
	-ms-transform: translate(-60%, -60%);	
	text-align: left;
  	border-radius: 8px;
    border-bottom: 2px solid #575757;
    border-left: 2px solid #929292;
    border-right: 2px solid #5d5d5d;
    border-top: 2px solid #797979;
	background-color: #FBEAC3/*#A39E9E*/;
}