.formations_liste{
	display:flex;
	flex-wrap:wrap;
	padding:0!important;
	row-gap:24px;
	column-gap:16px;
}
.formation_item{
	list-style-type:none;
	position:relative;
	border:2px solid;
	border-radius:8px;
	padding:24px 24px 68px!important;
	background:#fff;
	min-width:calc(33% - 8px);
	max-width:calc(33% - 8px);
}
.formation_aeronautique{
	border-color:#E8310C;
}
.formation_enseignement-formation{
	border-color:#E37633;
}
.formation_industries-commerces{
	border-color:#FF9E0D;
}
.formation_sanitaire-social{
	border-color:#FF5100;
}
.formation_securite-routiere{
	border-color:#FAB328;
}
.formation_structures-administratives{
	border-color:#FFA670;
}

.formation_item h3{
	font-family: 'Red Rose';
	font-weight: 400;
	font-size: 16px;
	line-height: 135%;
	text-transform: uppercase;
	color: #343235;
	padding:0;
}
/*les categories sont communes à formations et success stories aka articles*/
.category{
	font-family: 'Red Rose';
	font-weight: 400;
	font-size: 12px;
	line-height: 135%;
	color:#fff;
	text-transform: uppercase;
	max-width:max-content;
	border-radius:40px;
	padding:3px 8px;
	margin-bottom:24px;
}
.category_aeronautique{
	background:#E8310C;
}
.category_enseignement-formation{
	background:#E37633;
}
.category_industries-commerces{
	background:#FF9E0D;
}
.category_sanitaire-social{
	background:#FF5100;
}
.category_securite-routiere{
	background:#FAB328;
}
.category_structures-administratives{
	background:#FFA670;
}
.description_container{
	margin-top:16px;
}
.qui{
	font-style:italic;
	font-weight: 700;
}
.more{
	position:absolute;
	bottom:24px;
	right:24px;
}

/*template*/
/*LEFT*/
.info_bloc{
	padding:24px 32px 32px;
	background: #FFF;
	border: 2px solid;
	border-radius: 16px;
	margin-bottom:16px;
}
.infos_1 ,
.infos_2{
	margin-bottom:40px;
}
.infos_1 .info_bloc{
	border-color:#FF5100;
}
.infos_2 .info_bloc{
	border-color:#FF9E0D;
}
.infos_3 .info_bloc{
	border-color:#E8310C;
}
.info_bloc .title{
	display:flex;
	align-items:flex-end;
	margin-bottom:8px;
}
.info_bloc h4{
	font-family: 'Red Rose';
	font-weight: 400;
	font-size: 16px!important;
	line-height: 1em;
	text-transform: uppercase;
	color: #343235;
	margin-left:8px;
	padding-bottom:0;
}

.maj{
	font-size:12px;
	font-style:italic;
}
/*RIGHT*/
.section_fiche{
	margin-bottom: 64px;
}
.module_container{
	margin-bottom:64px;
}
#fiche h2{
	font-weight: 300;
	font-size: 32px;
	margin-bottom:16px;
}
#fiche h3{
	font-weight: 400;
	font-size: 16px;
}
#fiche .title img{
	float:left;
	margin-top:10px;
	margin-right:16px;
}
#fiche .objectifs_container{
	margin-top:32px;
	max-height:33px;
	overflow:hidden;
}
#fiche .objectifs_container.open{
	max-height:100%;
}
#fiche .see_more{
	border-bottom:1px #343235 solid;
	position:relative;
	padding-bottom:4px;
}
#fiche .open .see_more{
	margin-bottom:16px;
}
#fiche .see_more::after{
	content:url('/wp-content/uploads/2022/12/fleche_mini.svg');
	display:block;
	position:absolute;
	top:4px;
	right:0;
	transition:transform 100ms ease;
	transform-origin:center 10px;
}
#fiche .open .see_more::after{
	transform:rotate(180deg);
	transition:transform 100ms ease;
}
#fiche .contenu_title,
#fiche .objectifs_title{
	font-style: italic;
	font-weight: 700;
	float:left;
	margin-right:4px;
}

#fiche #button_download{
	margin-top:104px;	
}

#fiche #button_download a{
	display:inline-block;
    padding-top: 16px!important;
    padding-right: 104px!important;
    padding-bottom: 16px!important;
    padding-left: 32px!important;
	background-color: #e8310c;
	background-image: url(/wp-content/uploads/2022/12/arrow-beige.svg);
	background-repeat: no-repeat;
    background-position: calc(100% - 32px) 50%;
	background-size:auto;
}
#fiche #button_download:hover a{
	background-color: #fcf2e6;
	color: #e8310c;
}

/*MOBILE*/
@media all and (max-width:767px){
	.formations_liste{
		display:flex;
		flex-wrap:wrap;
		row-gap:16px;
		column-gap:0;
	}
	.formation_item{
		min-width:100%;
		max-width:100%;
	}
	/*template*/
	/*LEFT*/
	.info_bloc{
		padding:16px 24px 24px;
		margin-bottom:8px;
	}
	/*RIGHT*/
	.section_fiche,
	.module_container{
		margin-bottom: 32px;
	}
	#fiche h2{
		font-size: 24px;
	}
	#fiche .objectifs_container{
		max-height:65px;
	}
	#fiche .see_more{
		padding-right:48px;
	}
	
	#fiche #button_download{
		margin-top:64px;	
	}
}
/*IPAD*/
@media all and (min-width:768px) and (max-width:979px){
	.formation_item{
		min-width:calc(50% - 8px);
		max-width:calc(50% - 8px);
	}
}

/*SMALL*/
@media all and (min-width:980px) and (max-width:1199px) and (min-height:500px) and (max-height:999px){
	/*template*/
	/*LEFT*/
	.info_bloc{
		padding:16px 24px 24px;
		margin-bottom:8px;
	}
}