#les_formules
{
	display: flex;
	margin-top: 200px;
	margin-bottom: 200px;
	margin-left: 50px;
	width: 95%;
	height: 100%;
	columns: 5;
	gap: 10px;
	justify-content: center;
	flex-wrap: wrap;
}

#les_formules a
{
	text-decoration: none;
	font-weight: bold;
}

#box
{
	position: relative;
	display: flex;
	width: 350px;
	height: 650px;
}

#box ul
{
	position: relative;
	padding: 0;
  	margin-left: 10px;
  	margin-top: 20px;
  	height: 80%;
	font-family: arial;
	list-style: none;
}

#box ul li
{
	margin-bottom: 10px;
}

#box .prix
{
	display: inline-block;
	margin-top: auto;
	font-size: 1.1em;
	font-weight: bold;
}

#box img
{
	float: right;
	margin-top: 50px;
	width: 150px;
	height: 150px;
}

#box ul li img
{
  	margin: 0;
  	padding: 0;
  	display: block;
  	width: 20px;
  	height: 20px;
}


.item-with-icon
{
	display: flex;
	align-items: center;
	gap: 6px;
}

.item-with-icon img
{
	width: 20px;
	height: 20px;
	object-fit: contain;
	vertical-align: middle;
}

#box #box_mini_pouce, #box #box_starter, #box #box_intermerdiaire, #box #box_semi_pro, #box #box_pro
{
	overflow: hidden;
  	padding: 10px;
  	width: 350px;
  	min-height: 150px;
  	border-radius: 10px;
  	transition: transform 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;
}

#box #box_mini_pouce:hover, #box #box_starter:hover, #box #box_intermerdiaire:hover, #box #box_semi_pro:hover, #box #box_pro:hover
{
	transform: translateY(-10px);
	transition-duration: 0.4s;
}

#box #box_mini_pouce
{
	border: 1px solid #21b600;
}

#box #box_mini_pouce:hover
{
	background-color: rgba(70, 255, 0, 0.2);
	border-bottom: 1px solid #46ff00;
	box-shadow: rgba(141, 255, 116, 1) 0px 5px 15px;
}

#box #box_starter
{
	border: 1px solid #949494;
}

#box #box_starter:hover
{
	background-color: rgba(205, 205, 205, 0.2);
	border-bottom: 1px solid #cdcdcd;
	box-shadow: rgba(232, 232, 232, 1) 0px 5px 15px;
}

#box #box_intermerdiaire
{
	border: 1px solid #ffb900;
}

#box #box_intermerdiaire:hover
{
	background-color: rgba(255, 255, 0, 0.2);
	border-bottom: 1px solid #ffdc00;
	box-shadow: rgba(255, 238, 128, 1) 0px 5px 15px;
}

#box #box_semi_pro
{
	border: 1px solid #7500c6;
}

#box #box_semi_pro:hover
{
	background-color: rgba(151, 0, 255, 0.2);
	border-bottom: 1px solid #9700ff;
	box-shadow: rgba(184, 82, 255, 1) 0px 5px 15px;
}

#box #box_pro
{
	border: 1px solid #cd0202;
}

#box #box_pro:hover
{
	background-color: rgba(255, 0, 0, 0.2);
	border-bottom: 1px solid #ff0000;
	box-shadow: rgba(255, 82, 82, 1) 0px 5px 15px;
}