.containerload { height: 25px; width: 100%; font-family: Helvetica; }
.loadersub {
  height: 20px;
  width: 250px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.loadersub .loader--dot {
  animation: loadersub 3s ease-in-out infinite;
  height: 20px;
  width: 20px;
  border-radius: 100%;
  background-color: black;
  position: absolute;
  border: 2px solid white;
}
.loadersub .loader--dot:first-child {
  background-color: #1e6ba5;
  animation-delay: 0.5s;
}

.loadersub .loader--dot:nth-child(2) {
  background-color: #178bbc;
  animation-delay: 0.4s;
}

.loadersub .loader--dot:nth-child(3) {
  background-color: #2992e0;
  animation-delay: 0.3s;
}

.loadersub .loader--dot:nth-child(4) {
  background-color: #2992e0;
  animation-delay: 0.2s;
}

.loadersub .loader--dot:nth-child(5) {
  background-color: #178bbc;
  animation-delay: 0.1s;
}

.loadersub .loader--dot:nth-child(6) {
  background-color: #1e6ba5;
  animation-delay: 0s;
}

.loadersub .loader--text {
  position: absolute;
  top: 200%;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
}


@keyframes loadersub {
  15% { transform: translateX(0); }
  45% { transform: translateX(230px); }
  65% { transform: translateX(230px); }
  95% { transform: translateX(0); }
}
 
 .assist_aria { display:none; overflow:hidden; z-index:99999; background:white; position:fixed; bottom:20px; right:20px; height:450px; width:350px; border-radius:7px; box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;  }
.assistant_main, .assistant  { overflow:hidden; height:100%; padding:0; }
.assistant { height: 83%;
 	
     }
#question_ai { height:400px; width:100%;  font-size:1em; line-height:120%; }

.suggest { width:100%; text-align:center; display:none; }
.assist_head { position:relative; background:#f6f5f5; height:83px; }
.assist_blocks { margin:0 0 0 15px; overflow-y:auto; height:306px;  padding-bottom:12px;  }
.assist_block { clear:both; font-size:0.9em; padding:10px; max-width:80%; min-width:40px; margin-top:15px; min-height:16px; }
.loadersub {
    height: 20px;
    width: 160px;
    position: relative;
    top: 8px;
    bottom: 0;
    left: 0;
    right: 0;
}

.errmsg { width:100%; clear:both; font-size:0.8em; padding:5px; }

#question_ai .coucou { width: 45px;
    float: left;
    margin-right: 11px; }

#question_ai img { max-width:65%; }
.loadersub .loader--dot {
	width:10px; 
	height:10px;
	border: none;
}

@keyframes loadersub {
  15% { transform: translateX(0); }
  45% { transform: translateX(115px); }
  65% { transform: translateX(115px); }
  95% { transform: translateX(0); }
}

#question_ai .clearfix { height:90px; }

.usrblock { float:right; background:#1d6ba5; color:white; border-radius: 7px 0 7px 7px; margin-right:10px; }
.ariablock { float:left; background:#f6f5f5; color:#3d3d41; border-radius: 0 7px 7px 7px;  }
.rproblock { float:left; background:#e7f0ff; color:#3d3d41; border-radius: 0 7px 7px 7px;  }
.datetime { width:100%; padding:15px 0; text-align:center; color:black; font-size:0.8em; max-width:97%; line-height:1.4em; margin-bottom:-10px; }
.assist_head i { font-weight:bold; color:black;  font-size:1.2em; }
.assist_head a { position:absolute; right:20px; top:30px; }
.assist_head .logo { position:absolute; left:10px; top:6px; }
.assist_head h2 { position:absolute; left:0; width:100%; text-align:center; top:20px; }
#question_ai .allo {
    margin: 0 10px -24px -46px;
}

#aria_form { position:relative; }
.astuce {
	position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
	display:none;
}
.usrreponse { padding: 13px 58px 0 30px }
.btnsendai { 
	cursor:pointer;
	position: absolute;
    right: 18px;
    top: 12px;
    color: black;
}
.user_reponse { left:-1px; overflow:hidden; height:57px; bottom:24px; width:101%;  }

.aria_chat { position:fixed; bottom:10px; right:10px; }
.aria_chat .logo { position:relative; z-index:99999; }
.infobulle p{
  width: 150px; /* Limitez la largeur du paragraphe à 150 pixels */
  height: 40px; /* Définissez la hauteur du paragraphe à 40 pixels */
  line-height: 20px; /* Définissez la hauteur d'une ligne à 20 pixels (la moitié de la hauteur totale) */
  overflow: hidden; /* Masque le contenu excédant la hauteur spécifiée */
  text-overflow: ellipsis; /* Ajoute des points de suspension à la fin du texte qui dépasse */
  display: -webkit-box; /* Affichez le texte dans un conteneur de type boîte */
  -webkit-line-clamp: 2; /* Limitez le nombre de lignes à 2 */
  -webkit-box-orient: vertical;
  
}
.infobulle {
	
	 --r: 25px; /* the radius */
  --t: 30px; /* the size of the tail */
  
  box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
   padding: 10px 10px 1px 10px;
    -webkit-mask: 
    radial-gradient(var(--t) at var(--_d) 0,#0000 98%,#000 102%) 
      var(--_d) 100%/calc(100% - var(--r)) var(--t) no-repeat,
    conic-gradient(at var(--r) var(--r),#000 75%,#0000 0) 
      calc(var(--r)/-2) calc(var(--r)/-2) padding-box, 
    radial-gradient(50% 50%,#000 98%,#0000 101%) 
      0 0/var(--r) var(--r) space padding-box;
  background: white;
  color: black;
line-height:120%;
 --_d: 100%;
  border-right: var(--t) solid #0000;
  margin-left: var(--t);
  place-self: end;
  
}
.havmsg { 
background: #ff0000;
    width: 15px;
    height: 15px;
    color: white;
    border-radius: 7px;
    position: absolute;
    right: 4px;
    top: 3px;
    font-weight: bold;
    font-size: 0.7em;
    text-align: center;
    line-height: 1.4em;
	display:none;
}


.aria_chat { z-index:9999; }
.aria_msg { position:absolute; left:-208px; top:-39px; width:231px; }
.newaria { right:52px !important; }
.magnify { cursor:pointer; }

.hidebulle { position:absolute; top:6px; right:12px; cursor:pointer; }
.rond-chat { width:60px; }