/* "robot-bulle-wrapper" pour Desktop seulement */
.robot-bulle-wrapper{
	margin: 1rem -.3125rem -.3125rem 0;
	overflow: auto;
}

/* "robot-bulle-position" pour Mobile seulement */
.robot-bulle-position{
	position: fixed;
	bottom:0;
	z-index: 99;
	padding: 2rem 2rem 0 0;
}

.robot-bulle{
	display: flex;	
	box-sizing: border-box;
	padding: .625rem .3125rem;
	border: .0625rem solid #b1afaf;
	background-color: #cbe7db;
	box-shadow: .125rem .125rem .3125rem #dedede;
	position: relative;
	margin-bottom: 1.125rem;
}

.robot-bulle:not(.robot-bulle-mobile){
	max-width: 13.75rem;
	transform: translateY(-7rem);
}

.robot-bulle-mobile{
	max-width: 17rem;
	transform: translateY(7.5rem);
}

.robot-bulle-mobile::after{
	content: "";
	position: absolute;
	top:100%;
	left: -.0625rem;
	width: .9375rem;
	height: 1.0625rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 17'%3E %3Cpath fill='%23cbe7db' d='M0 0v17L15 0'/%3E %3Cg fill='none' stroke='%23B1AFAF' stroke-miterlimit='10'%3E %3Cpath d='M.5 0v17'/%3E %3Cpath stroke-linecap='round' d='M.5 17L15 0'/%3E %3C/g%3E %3C/svg%3E");
	background-repeat: no-repeat;
	background-size: .9375rem 1.0625rem;
}

.robot-bulle-lien{
	display: flex;
	color: #383838 !important;
	text-decoration: none;
}

 .robot-bulle.robot-bulle-mobile .robot-bulle-lien{
	margin-right: 2.75rem;
}

#page .robot-bulle-image{
	width: 2.125rem !important;
	height: 2.125rem !important;
	margin-right: .625rem;
	flex: none;
}

.robot-bulle-titre,
.robot-bulle-texte{
	font-size: .875rem;
	line-height: 1.15;    
}

.robot-bulle-titre{
	margin: 0 0 .125rem 0 !important;
}

#contenu #hooks .robot-bulle-titre{
	background: none;
	padding: 0;
	border: none;
	color: #383838 !important;
	font-size: .875rem !important;
	line-height: 1.15 !important; 
	text-transform: none;
}

.robot-bulle-texte{
	margin: 0 0 0 0 !important;
}

.robot-bulle:not(.robot-bulle-mobile) .robot-bulle-fermer{
	display: none;
}

.robot-bulle-fermer{
	position: absolute;
	top:0;
	right: 0;
	padding: 0;

	width: 2.75rem;
	height: 2.75rem;

	background-color: #cbe7db;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.robot-bulle-fermer:hover{
	cursor: pointer;
}

.robot-bulle-fermer::before{
	content: "";
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0.5 12.5 12 12'%3E %3Cpath fill='%23595959' d='M12.5 13.521l-1-1.021-5 5-4.958-5L.5 13.521l5 4.979-5 4.979 1 1.021 5-5 5 5 1-1-5.018-5.012'/%3E %3C/svg%3E ");
	background-repeat: no-repeat;
	background-position: 75% 25%;
	display: inline-block;
	width: 2.75rem;
	height: 2.75rem;
	box-sizing: border-box;

}


.robot-bulle-animation{
	animation: 1s ease-in-out 0s 1 normal forwards slideIn;
}

@keyframes slideIn {
	to{
		transform: translateY(0);
	}
}