/* Infos bulles */
.info-bulle{
	position : relative;
	color: var(--primary);
	background-color: var(--light)!important;
}

.info-bulle1{
	padding : 10px 15px 1rem 25px;
	margin-left : 15px;
	overflow : hidden;
	z-index : 0;
	border-left : thick double;
}

.info-bulle>div{
	color : var(--body);
}

.info-bulle p,
.info-bulle ul,
.info-bulle ol,
.info-bulle div{
	margin-top : .5rem!important;
	margin-bottom : 0!important;
}

.info-bulle2 p:first-of-type,
.info-bulle2 ul:first-of-type,
.info-bulle2 ol:first-of-type{
	margin-top : 0rem!important;
}

.info-bulle-icon{
	position : relative;
	display : inline-block;
	font-weight : 700;
	font-size : .8em;
	text-transform : uppercase;
	line-height : 1.2;
	border-radius : .5em;
	background-color: var(--light);
	z-index: 100;
}

.info-bulle1 .info-bulle-icon{
	margin-bottom : 5px;
}

.info-bulle1>i + .info-bulle-icon{
	padding-left : 5px;
}

.info-bulle1>i{
	position: absolute;
	display : inline-block;
	content: '';
	width: 30px;
	height: 30px;
	left: 8px;
	top: 8px;
	z-index :-1;
}

.info-bulle .thumbtack>svg{
	transform :rotate(45deg);
}

/* en Savoir Plus */

.info-bulle.en-savoir-plus .info-bulle-icon{
	cursor : pointer
}

.info-bulle-icon.btn-collapse{
	margin-left : 7px;
}

/* Design 2 */

.info-bulle2{
	padding : 10px;
	border-left : 50px solid;
	border-radius : .75em;
}

.info-bulle2>i{
	content: "";
    position: absolute;
	top: 50%;
    left: -25px;
    font-size: 1.5em;
	z-index : 100;
	transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 3px;
    border-radius: 50%;
}

@media(min-width:768px){
	.info-bulle2{
		padding : 10px 20px;
		border-left-width: 80px;
	}
	
	.info-bulle2>i{
		left: -40px;
		font-size: 2em;
		padding: 6px;
	}

}