#section_synthese
{
	background-color: #F4F4F4;
	margin-top:70px;
	padding: 30px 15px 70px;

	background-image: url('/skins/freehtmltpl_skin/assets/images/slider-bg.png');
	background-repeat: repeat-x;
	background-position: right bottom;
	background-clip: border-box;
}

.synthese h2,
.agenda h2
{
	margin-top: 10px;
}

.synthese h3,
.agenda h3
{
	line-height: 22px;
	padding:0px;
	margin:0px;
}

.synthese_illustration
{
	text-align:  center;
	margin:auto 0;
}

.synthese_item_date
{
}

.synthese_item,
.agenda_item
{
	background-color: white;
	min-height: 160px;
	margin-bottom: 10px;
	padding-left:14px;
	padding-right:8px;
	text-align: left;
	border-radius: 5px;
	box-shadow: 0 0 9px rgba(34, 34, 34, 0.15);
	transition: all 1s ease;
}

.agenda_item
{
	border-left:4px solid lightgreen;
	padding-top: 10px;
	padding-bottom: 10px;
}

.agenda_rows
{
}

.inner-triangle{
    border-left: 20px solid black;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    left: 15px;
    z-index: 2;
    transition: all 0.5s ease;
}

.outer-triangle{
    border-left: 24px solid lightgray;
    border-right: 24px solid transparent;
    border-bottom: 24px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    left: 15px;
    z-index: 1;
    transition: all 0.5s ease;
}

.synthese_item_inner
{
	padding: 15px;
}
.synthese_heading hr, .agenda hr { margin:0px; margin-top: 4px; margin-bottom: 10px; }
.synthese_heading p { margin:0px; }
.synthese_heading small { font-size:80%; }




/*.synthese_item_clr1 { border-left:4px solid #fbd311; border-top:4px solid #fbd311; }
.synthese_item_clr2 { border-left:4px solid lightgreen; }
.synthese_item_clr3 { border-left:4px solid lightblue; }*/

.inner-triangle_1 { border-left: 20px solid #fbd311; }
.inner-triangle_2 { border-left: 20px solid lightgreen; }
.inner-triangle_3 { border-left: 20px solid lightblue; }

.synthese_item_btn1 { background-color: #fbd311 ; }
.synthese_item_btn2 { background-color: #90ee90; }
.synthese_item_btn3 { background-color: #add8e6; }
.synthese_item_btn1:hover { background-color: #fbc402; }
.synthese_item_btn2:hover { background-color: #92f092; }
.synthese_item_btn3:hover { background-color: #afdae8; }

.synthese_voirplus1,
.synthese_voirplus2,
.synthese_voirplus3
{
	display:none;
}


.synthese_item:hover   .inner-triangle,
.listposts_item:hover   .inner-triangle
{
	border-left: 20px solid var(--bluepriartem);//#F4F4F4;
}

.synthese_item:hover   .outer-triangle,
.listposts_item:hover   .outer-triangle
{
	border-left: 24px solid var(--bluepriartem);
}