@media (min-width: 720px) {
  .responsive-table tr td:nth-child(2).buttons{
	display:none;
  }  
}


.responsive-table tr.erreur, .responsive-table tr.erreur:hover, .responsive-table tr.erreur.active, .responsive-table tr.erreur:hover td, .responsive-table tr.erreur td, .responsive-table tr.erreur span{
  background: #d0422a;
  color: #eee;
  border-color: #eee;
  transition: all .5s ease-in-out;
}

.responsive-table tr.succes, .responsive-table tr.succes:hover, .responsive-table tr.succes.active, .responsive-table tr.succes:hover td, .responsive-table tr.succes td, .responsive-table tr.succes span{
  background: #65bc54;
  color: #eee;
  border-color: #eee;
  transition: all .5s ease-in-out;
}

.responsive-table tr.succes td .black-white-image img.top-image, .responsive-table tr.erreur td .black-white-image img.top-image {
	opacity:1;
  	transition: all .5s ease-in-out;
}

.responsive-table tr.succes td .black-white-image img.back-image, .responsive-table tr.erreur td .black-white-image img.back-image {
	opacity:0;
  	transition: all .5s ease-in-out;
}

@media (max-width: 719px) {
	.responsive-table tr td:first-child.checkbox{
		display:none;
	}
	
	.responsive-table tr td:last-child.buttons{
		display: none
	}
	
	.responsive-table tr td:nth-child(2).buttons{
		position: absolute;
		right: 0%;
		z-index: 1;
	}
	
	.responsive-table tr td:nth-child(2).buttons:before{
		width: 0px;
	}
	
	.responsive-table tr td.lastVisibleElement{
		border-bottom: 1px solid;
	  	padding-bottom: 20px;
	}
	
	.responsive-table tr:last-child td.lastVisibleElement{
		border-bottom: none;
	}
	
	.responsive-table tr {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	
	.responsive-table tr:last-child td:last-child{
		border-bottom: solid;
	}
}


/* ------- Infobulle ------- */


.responsive-table tr:hover span.infobulle span:first-child, .responsive-table tr.active span.infobulle span:first-child{
	color: #01B0F0;      
}

span.infobulle span.raison{
	position: absolute;
	margin-top:28px;
	margin-left:-35px;
	margin-right: 10px;
	color:#eee;
	background:#34495E;
	padding:15px;
	border-radius:3px;
	box-shadow:0 0 2px rgba(0,0,0,.5);
    transform:scale(0) rotate(-12deg);
	transition: all .25s;
	opacity:0;
	z-index: 2;
	min-width: 200px;  
}
span.infobulle:hover span.raison, span.infobulle:focus span.raison{
	transform:scale(1) rotate(0);
	opacity:1;      
}

span.infobulle span.raison:before{
	content: "\25B2";
	position: absolute;
	color: #34495E;
	top: -13px; 
	left: 15px;
}

span.infobulle{
	margin-right: 3px;       
}

@media (max-width: 1000px) {
	/* .responsive-table td{
		position: relative;
	} */
		
	span.infobulle {
		position: absolute;
	}
	
	span.infobulle + span{
		margin-left: 23px;
	}
		
	span.infobulle span.raison, span.infobulle span.raison{
		margin-left:0px;
		margin-right:-25px;
		min-width: 0px;  
 		left: -200px;
	}
	
	span.infobulle span.raison:before{
		left: 200px;
	}
	
}

@media (max-width: 719px) {
		
	span.infobulle span.raison, span.infobulle span.raison{
		margin-left:0px;
		margin-right:-25px;
		min-width: 0px;  
 		left: -200px;
	}
	
	span.infobulle span.raison:before{
		left: 200px;
	}
	
	.responsive-table tr span.infobulle span:first-child {
		color: #01B0F0;      
	}
}

/* ------- Boutons ------- */

img.refresh{
	width: 17px;
}

.responsive-table tr:hover img.refresh, .responsive-table tr.active img.refresh{
	background: url(../refresh_white.svg) no-repeat;
}

.responsive-table tr:hover img.refresh, .responsive-table tr.active img.refresh{	
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-size: 17px;
	width: 17px;
	height: 17px;
	padding-left: 17px;
}

.black-white-image {
	position:relative;
	height:17px;
	width:17px;
	margin:0 auto;
	padding-left: 17px;
}

.infobulle .black-white-image {
	padding-left: 21px;
}

.black-white-image img {
	position:absolute;
	left:0;
	width: 17px;
	-webkit-transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
}

tr .black-white-image:last-child{
	margin-left: 4px;
	background: transparent;
 }
 
 
.responsive-table tr:hover .black-white-image img.top-image, .responsive-table tr.active .black-white-image img.top-image {
	opacity:0;
}

.responsive-table tr:hover .black-white-image img.back-image, .responsive-table tr.active .black-white-image img.back-image {
	opacity:1;
}

.responsive-table tr .black-white-image img.back-image {
	opacity:0;
}

@media (max-width: 719px) {
	.responsive-table tr .black-white-image img.top-image {
		opacity:0;
	}
	
	.responsive-table tr .black-white-image img.back-image {
		opacity:1;
	}
}

.black-white-image, .infobulle {
	cursor: pointer;
}

th .black-white-image img {
	width: 23px;
}

th .black-white-image:last-child {
  margin-left: 20px;
}