.titre {
	 text-transform: uppercase;
	 background: #f8b533;
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 font-size: 20vw;
}

.wrapper {
color: #555;
cursor: help;
width:180px;
float:right;
-webkit-transform: translateZ(0); /* webkit flicker fix */
-webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

.wrapper .tooltip {
background: #3E474F;
bottom: 100%;
color: #fff;
display: block;
left: -100px;
margin-bottom: 15px;
opacity: 0;
padding: 20px;
pointer-events: none;
position: absolute;
border-radius:5px;
width: 200%;
-webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
   -o-transform: translateY(10px);
    transform: translateY(10px);
-webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
   -o-transition: all .25s ease-out;
    transition: all .25s ease-out;

}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.wrapper .tooltip:before {
bottom: -20px;
content: " ";
display: block;
height: 20px;
left: 0;
position: absolute;
width: 100%;
}

/* CSS Triangles - see Trevor's post */
.wrapper .tooltip:after {
border-left: solid transparent 10px;
border-right: solid transparent 10px;
border-top: solid #3E474F 10px;
bottom: -10px;
content: " ";
height: 0;
right: 42%;
margin-left: -13px;
position: absolute;
width: 0;
}

.wrapper:hover .tooltip {
opacity: 1;
pointer-events: auto;
-webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
    transform: translateY(0px);
}

/* IE can just show/hide with no transition */
.lte8 .wrapper .tooltip {
display: none;
}

.lte8 .wrapper:hover .tooltip {
display: block;
}




.circles {
  height: 50vmin;
  position: relative;
  width: 50vmin;
  margin: 0 auto;
}
.circles > div {
  animation: growAndFade 3s infinite ease-out;
  background-color: dodgerblue;
  border-radius: 50%;
  height: 100%;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.circles .circle1 {
  animation-delay: 0.2s;
}
.circles .circle2 {
  animation-delay: 0.4s;
}
.circles .circle3 {
  animation-delay: 0.6s;
}

@keyframes growAndFade {
  0% {
    opacity: 0.25;
    transform: scale(0);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}






.multiple_emails-container {
border:1px #ccc solid;
border-radius: 4px;
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
padding:0; margin: 0; cursor:text; width:100%;
}

.multiple_emails-container input {
  clear:both;
  width:100%;
  border:0;
  outline: none;
  margin-bottom:3px;
  padding-left: 5px;
}

.multiple_emails-container input.multiple_emails-error {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px red;
  outline: thin auto red;
}

.multiple_emails-container ul {
  list-style-type:none;
  padding-left: 0;
}

.multiple_emails-email {
  margin: 3px 5px 3px 5px;
  padding: 3px 5px 3px 5px;
  border:1px #BBD8FB solid;
  border-radius: 3px;
  background: #F3F7FD;
}

.multiple_emails-close {
  float:left;
  margin:0 3px;
}


.dataTables_filter input {
  border-radius: 5px;
  border-width: 1px;
  border-color: rgba(223, 223, 223, 1);
  padding:5px;
}








#icones_bot {
    border-radius: 50%;
    z-index:10000;
    background-image: url("https://wikiops.s3.eu-west-1.amazonaws.com/joinblink-blink.gif");
    background-size: cover;
	position: fixed;
	width: 75px;
	height: 75px;
	bottom: 16px;
	right: 16px;
	cursor: pointer;
	background-position: center;
	border: solid 1px orange;
}



.tooltip {
	width: 0px;
	height: 72px;
	position: fixed;
    bottom: 99px;
	right: 70px;
    background: #fff;
    border-radius: 12px 12px 2px 12px;
    padding: 12px 32px 12px 12px;
    line-height: 24px;
    visibility: hidden;
    opacity: 0;
    cursor: default;
	transition: opacity 0.5s, width 0.5s;
	transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86);

	/* box shadow */
	-webkit-box-shadow: 3px 3px 22px 3px rgba(68,68,68,0.07);
	-moz-box-shadow: 3px 3px 22px 3px rgba(68,68,68,0.07);
	box-shadow: 3px 3px 22px 3px rgba(68,68,68,0.07);
}
.tooltip p {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.5s;
	transition-delay: 0.6s;
	transition-timing-function: ease-in-out;
}
.tooltip p:nth-child(1){
	font-weight: 700;
}
.is-visible {
	visibility: visible;
	opacity: 1;
	width: 236px;
}
.is-visible p {
	visibility: visible;
	opacity: 1;
}