.bg-entete-img {
	top: -250px;
}
.title-container {
	position: relative;
}
.title-container .underline-style {
	margin-top: 3rem;
}
.title-container .container-secteur {
	position: absolute;
	right: 0;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 1rem 0;
}
/*ATIGIP*/
.title-container .underline-style.gray::after {
   background-color: var(--app-color-gray);
}
/*Insertion formation*/
.title-container .underline-style.green::after {
   background-color: var(--app-color-green);
}
/*Travail Pénitentiaire*/
.title-container .underline-style.violet::after {
   background-color: var(--app-color-violet);
}
/*TIG, ATIGIP, ...*/
.title-container .underline-style.orange::after {
   background-color: var(--app-color-orange);
}
@media (max-width: 991px) {
	.bg-entete-img {
		top: 0;
	}
	.container-text {
		/*flex-direction: row;
		justify-content: space-between;
*/		margin-top: 2rem;
	}
	@media (max-width: 768px) {
		.title-container {
			margin-top: 1rem;
		}		
		@media (max-width: 576px) {
			.title-container {
				flex-direction: column;
			}
		}
	}
	.title-container .underline-style {
		margin-top: 0rem;
	}
	.title-container .container-secteur {
		position: relative;
		align-self: flex-start;
		padding: 0;
		text-align: left;
	}
	.title-container .container-secteur button {
		margin-bottom: 0
	}
}
.container-text {
	width: 100%;
}
.date-creation {
	margin-bottom: 1rem;
	font-size: .85rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 0;
}
@media (max-width: 991px) {
	.date-creation {
		flex-direction: column-reverse;
		align-items: flex-start;
		padding: 0
	}
	.date-creation .container-tag {
		/*margin-top: 1em*/
	}
	.date-creation.tag-zone .btn-color {
		margin-bottom: 1em
	}
}
/*ATIGIP*/
.date-creation.tag-zone .btn-color.gray, .container-secteur .btn-color.gray {
	color: white;
  background-color: var(--app-color-gray);	
}
/*TIG,*/
.date-creation.tag-zone .btn-color.orange, .container-secteur .btn-color.orange {
	color: white;
  background-color: var(--app-color-orange);	
}
/*Travail Pénitentiaire*/
.date-creation.tag-zone .btn-color.green, .container-secteur .btn-color.green {
	color: white;
  background-color: var(--app-color-green);	
}
/*Travail Pénitentiaire*/
.date-creation.tag-zone .btn-color.violet, .container-secteur .btn-color.violet {
	color: white;
  background-color: var(--app-color-violet);	
}
@media (max-width: 480px) {
/*	.date-creation {
		flex-direction: column;
		padding: 1rem 0;
	}*/
/*	.container-tag .btn-color {
		margin: .5rem 0;
	}*/
}
.img-float-left {
	float: left;
	max-width: 300px;
	max-height: 300px;
	margin-right: 2rem;
	margin-bottom: 2rem;
	overflow: hidden
}
.paragraph-article ul > li {
	list-style-type: none; 
	padding-left: 30px; 
	margin-bottom: 0.5em; 
	background-repeat: no-repeat; 
	background-size: 20px
}
.paragraph-article ul > li > ul > li {
	background: unset; 
	padding-left: 10px
}

.paragraph-article ul > li > ul > li::marker {
	content:">"; 
	color: rgb(252, 183, 45); 
	font-size: 20px
}
.paragraph-article ul > li > ul > li > ul > li::marker {
	content:"\2713"; 
	color: rgb(124, 161, 128); 
	font-size: 20px
}
.paragraph-article ul > li > ul > li > ul > li > ul > li::marker {
	content:"\2756"; 
	color: rgb(73, 79, 87); 
	font-size: 20px
}

.paragraph-article ol {
	list-style-type: upper-roman;
	padding-left: 10px;
    counter-reset: item;
}
.paragraph-article ol li { display: block }

.paragraph-article ol > li:before {
    content: counter(item, upper-roman) ". ";
    counter-increment: item;
    font-weight: bold;
    color: var(--app-color-gray);
    padding-right: 5px
}
.paragraph-article ol > li > ol > li:before {
	content: counter(item) ". "; 
	color: rgb(252, 183, 45)
}
.paragraph-article ol > li > ol > li > ol > li:before {
	content: counter(item, lower-roman) ". "; 
	color: rgb(124, 161, 128); 
}
.paragraph-article ol > li > ol > li > ol > li > ol > li:before {
	content: counter(item, lower-alpha) ". "; 
	color: rgb(73, 79, 87); 
}
.paragraph-article {
	padding-bottom: 2rem;
	text-align: justify;
}
@media (max-width: 768px) {
	.img-float-left {
		float: unset;
		max-width: 95%;
		margin: 1rem auto;
	}
	.paragraph-article {
		clear: both;
	}
	.paragraph-article img {
		max-width: 100%;
		height: auto;
		float: unset!important;
		margin: 2em 0;
	}
}

.paragraph-article a {
	border-bottom: 2px solid rgba(73, 79, 87, 0.7);
}
.paragraph-article img {
	margin: 0 15px;
}