body #flexicontent .fc_item_title,
body #flexicontent .fc_item_title a {
	color: inherit;
}
body #flexicontent .flexi.label,
body #flexicontent .desc-title.label {
	/*background-color: #999999;*/
	color: #313131;
	text-transform: uppercase;
	/*border-radius: 3px;*/
	border-bottom: 1px solid #e6e6e6;
	height: auto;
	display: inline-flex;
	align-items: flex-start;
	font-weight: bold;
	font-size: 28px;
}
.iteminfo .createdline,
.iteminfo .modifiedline {
	font-size: 90%;
	display: block;
}
.iteminfo .createdby,
.iteminfo .modifiedby {
	font-size: 90%;
	font-weight: normal;
	display: inline-block;
}
.iteminfo .created,
.iteminfo .modified {
	font-size: 90%;
	font-weight: bold;
	display: inline-block;
}
.itemactions,
.iteminfo,
.itemadditionnal,
.description {
	margin: 1em 0 1em 0;
}
.iteminfo {
	margin: 1em 0 1em 0.4em;
}
.description {
	clear: both;
}
.itemactions span {
	margin: 0 0 0.5em;
}
.itemactions .voting,
.itemactions .favourites {
	margin-right: 32px;
	float: left;
}
.itemadditionnal span {
	margin: 0 0 0.3em;
}
.itemadditionnal .categories {
	display: block;
}
.itemadditionnal .tags {
	display: block;
}
.customblock {
	width: 98% !important;
	padding: 2px 1% !important;
	margin: 8px 0px !important;
	display: block;
	float: left;
	border: 1px solid #dddddd;
	border-radius: 4px;
}
.customblock .element {
	max-width: 100% !important;
	min-width: 50% !important;
	padding: 3px 0% 3px 0% !important;
	margin: 0% !important;
	display: block;
	float: left;
	border-width: 0%;
}
.customblock .element.singlecol {
	width: 100% !important;
	padding: 0% !important;
}
.customblock .element.doublecol {
	width: 48% !important;
	overflow: hidden;
}
.customblock .flexi.value.nolabel {
	width: 100% !important;
}
.group:before,
.group:after {
	content: " ";
	display: table;
}
.group:after {
	clear: both;
}

.type-alias-metier .carrousel,
.type-alias-pes .carrousel{
	align-items: center;
}
	.type-alias-metier .carrousel .uk-slideshow-items,
	.type-alias-pes .carrousel .uk-slideshow-items{
		width: 100%;
		max-width: 1200px;
	}

.type-alias-metier .description,
.type-alias-pes .description{
	display: flex;
	flex-direction: row;
	max-width: 1200px;
	flex-wrap: wrap;
}
	.type-alias-metier .description .element,
	.type-alias-pes .description .element{
		display: flex;
		flex-direction: row;
		margin-bottom: 30px;
		padding:0px 10px;
		min-width: 320px;
		flex-grow: 1;
		width: 100%;
	}
		.type-alias-metier .description .element .label-wrap,
		.type-alias-pes .description .element .label-wrap{
			max-width: 600px;
			width: 100%;
			margin:0px;
			padding:0px 0px 0px 100px;
			border: 0px;
			animation: 1s ease slideInFromLeft;
		}
			.type-alias-metier .description .element .label-wrap .label,
			.type-alias-pes .description .element .label-wrap .label{
				width: 100%;
				height:83px;
				max-width: 250px;
				font-size: 28px;
				letter-spacing: 4px;
				margin:0px;
				font-family: "Open Sans Condensed";
				position: relative;
				border:0px;
			}
				.type-alias-metier .description .element .label-wrap .label span,
				.type-alias-pes .description .element .label-wrap .label span{
					display: inline;
				}
			.type-alias-metier .description .element .label-wrap .label:after,
			.type-alias-pes .description .element .label-wrap .label:after{
				position: absolute;
				bottom: -8px;
				right: -110px;
				width:100px;
				height: 16px;
				background-image: url(/templates/charier/images/charte/fleche-longue.png);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: contain;
				content: '';
			}
			.type-alias-metier .description .element.field_engagements-rse .label-wrap .label:after,
			.type-alias-pes .description .element.field_engagements-rse .label-wrap .label:after{
				background-image: url(/templates/charier/images/charte/fleche-longue-orange.png);
			}
			.type-alias-metier .description .element.field_engagements-rse .accordeon tr:nth-child(2n+1) td::before,
			.type-alias-pes .description .element.field_engagements-rse .accordeon tr:nth-child(2n+1) td::before{
				background-color: #f25930;
			}
			.type-alias-metier .description .element.field_engagements-rse .titre-vert,
			.type-alias-pes .description .element.field_engagements-rse .titre-vert{
				color: #f25930 !important;
			}

		.type-alias-metier .description .element .value,
		.type-alias-pes .description .element .value{
			max-width: 600px;
			width: 100%;
			margin:0px;
			padding-top: 80px !important;
			animation: 1s ease slideInFromRight;
		}
			.type-alias-metier .description .element .value .titre-vert,
			.type-alias-pes .description .element .value .titre-vert{
				font-weight: bold;
				text-transform: uppercase;
				width:100%;
				position: relative;
				border-top: 1px solid #e6e6e6;
				display: inline-flex;
				padding-top: 10px;
			}
			.type-alias-metier .description .element .value .titre-vert:not(:first-child),
			.type-alias-pes .description .element .value .titre-vert:not(:first-child){
				margin-top: 10px;
			}
			.type-alias-metier .description .element .value p,
			.type-alias-pes .description .element .value p{
				margin: 0px;
			}

.type-alias-metier .references,
.type-alias-pes .references{
	width:100%;
	margin-bottom: 40px;
}
.type-alias-metier .references .uk-slider,
.type-alias-pes .references .uk-slider {
    width: 100%;
    max-width: 1200px;
}
/*	.type-alias-metier .references .uk-slider {
	    padding: 0px !important;
	    width: 100% !important;
	    margin: 0px 0px 40px !important;
	    max-width: inherit;
	    display: flex;
	    flex-direction: column;
	    font-size: 1em;
	    font-style: italic;
	    position: relative;
	}
		.type-alias-metier .references .uk-slider-items {
		    width: 100%;
		    max-width: 1200px;
		}*/

@media (max-width: 950px) {
	.type-alias-metier .description .element, 
	.type-alias-pes .description .element {
		flex-direction: column;
	}
	.type-alias-metier .description .element .label-wrap .label::after, 
	.type-alias-pes .description .element .label-wrap .label::after {
		background-image: none;
	}
	.type-alias-metier .description .element .label-wrap, 
	.type-alias-pes .description .element .label-wrap {
		padding: 0;
	}
	.type-alias-metier .description .element .value, 
	.type-alias-pes .description .element .value {
		padding-top: 30px !important;
	}
}