/**
 * Éléments Vignettes
**/

	.vignette_colonne{
		position: relative;
		float: left;
		webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	a.vignette_colonne{
		display: block;
		text-decoration: none;
	}
		.contner_image_vignette{
			position: relative;
			overflow: hidden;
		}
		.avec_contenu .contner_image_vignette{
			margin-bottom: 6%;
		}
		
		
		.contner_round_image_vignette{
			position: relative;
			overflow: hidden;
			-webkit-border-radius: 100%;
			-moz-border-radius: 100%;
			border-radius: 100%;
			margin: auto;
		}
		
		.vignette_colonne.avec_fond .contner_image_vignette{ margin-bottom: 0; }
			.contner_image_vignette .alignement_vertical{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				text-align: center;
				z-index: 99;
				padding: 8% 0;
			}
		
		.vignette_colonne .contenu_in{
			position: relative;
		}
		.vignette_colonne.avec_image .contenu_in{
			padding: 6% 0 0 0;
		}
		.vignette_colonne.avec_fond .contenu_in{
			padding: 6%;
		}
		
			
			.vignette_colonne blockquote{
				font-size: 1em;
				padding-bottom: 20px;
			}
			
			.vignette_colonne .sous_titre_page{
				padding-top: 2%;
			}
			.date_vignette{
				font-size: 0.85em;
				line-height: 1em;
				font-style: italic;
				padding-top: 8px;
			}
				.date_vignette::before{
					display: inline-block;
					font-style: normal;
				    font-family: FontAwesome;
				    font-weight: 400;
				    content: "\f017";
				    font-size: 0.85em;
				    margin-right: 6px;
				}
				.colonne_search_list .date_vignette::before{ display: none; }
			
			.text_vignette{
				line-height: 1.4em;
			}
			.text_vignette p:last-child{
				padding-bottom: 0;
			}
			
			.vignette_colonne .contner_cta_contenu_page{
				margin-top: 20px;
				padding-bottom: 0;
			}
			.vignette_colonne .contner_image_vignette .contner_cta_contenu_page{
				padding-bottom: 0;
			}
		
		
		
		
		


/*@media screen and (min-width: 760px){*/
	
	.vignette_colonne.mode_horizontal .contner_image_vignette{
		position: absolute;
		top: 0;
		width: 44%;
		height: 100%;
		margin-bottom: 0;
	}
	.vignette_colonne.mode_horizontal.left .contner_image_vignette,
	.vignette_colonne.mode_horizontal.quinconce_right:nth-of-type(2n) .contner_image_vignette,
	.vignette_colonne.mode_horizontal.quinconce_left:nth-of-type(2n+1) .contner_image_vignette{ left: 0; }
	.vignette_colonne.mode_horizontal.right .contner_image_vignette,
	.vignette_colonne.mode_horizontal.quinconce_right:nth-of-type(2n+1) .contner_image_vignette,
	.vignette_colonne.mode_horizontal.quinconce_left:nth-of-type(2n) .contner_image_vignette{ right: 0; }
	
	.vignette_colonne.mode_horizontal.avec_fond .contenu_in{
		padding: 3%;
	}
	.vignette_colonne.mode_horizontal.avec_image .contenu_in{
		width: 54%;
		padding: 1% 0;
	}
	.vignette_colonne.mode_horizontal.left.avec_image .contenu_in,
	.vignette_colonne.mode_horizontal.quinconce_left.avec_image:nth-of-type(2n+1) .contenu_in,
	.vignette_colonne.mode_horizontal.quinconce_right.avec_image:nth-of-type(2n) .contenu_in{ float: right; }
	.vignette_colonne.mode_horizontal.right.avec_image .contenu_in,
	.vignette_colonne.mode_horizontal.quinconce_left.avec_image:nth-of-type(2n) .contenu_in,
	.vignette_colonne.mode_horizontal.quinconce_right.avec_image:nth-of-type(2n+1) .contenu_in{ float: left; }
			
	.vignette_colonne.mode_horizontal.avec_fond.avec_image .contenu_in{
		width: 52%;
		padding: 2% 0;
	}
	.vignette_colonne.mode_horizontal.left.avec_fond.avec_image .contenu_in,
	.vignette_colonne.mode_horizontal.quinconce_left.avec_fond.avec_image:nth-of-type(2n+1) .contenu_in,
	.vignette_colonne.mode_horizontal.quinconce_right.avec_fond.avec_image:nth-of-type(2n) .contenu_in{ margin-right: 2%; }
	.vignette_colonne.mode_horizontal.right.avec_fond.avec_image .contenu_in,
	.vignette_colonne.mode_horizontal.quinconce_left.avec_fond.avec_image:nth-of-type(2n) .contenu_in,
	.vignette_colonne.mode_horizontal.quinconce_right.avec_fond.avec_image:nth-of-type(2n+1) .contenu_in{ margin-left: 2%; }
/*}*/












/**
 * Colonne Vignettes
**/
.colonne_vignette_1 .vignette_colonne{
	width: 100%;
	margin: 0 0 4% 0;
}
.colonne_vignette_1.masonry .vignette_colonne{ margin-right: 0; }.colonne_vignette_1.masonry .grid-sizer{ width: 100%; }.colonne_vignette_1.masonry .gutter-sizer{ width: 0%; }
	.colonne_vignette_1 .vignette_colonne .contner_h3{
		padding: 0 0 2% 0;
	}
	.colonne_vignette_1 .vignette_colonne .sous_titre_page{
		padding-top: 1%;
	}

.colonne_vignette_2 .vignette_colonne{
	width: 48%;
	margin: 0 4% 4% 0;
}
.colonne_vignette_2.masonry .vignette_colonne{ margin-right: 0; }.colonne_vignette_2.masonry .grid-sizer{ width: 48%; }.colonne_vignette_2.masonry .gutter-sizer{ width: 4%; }
.colonne_vignette_2 .vignette_colonne:nth-child(2n){
	margin-right: 0;
}
	.colonne_vignette_2 .vignette_colonne .contner_h3{
		padding: 0 0 6% 0;
	}

.colonne_vignette_3 .vignette_colonne{
	width: 30.6%;
	margin: 0 4.1% 0 0;
}
.colonne_vignette_3.masonry .vignette_colonne{ margin-right: 0; }.colonne_vignette_3.masonry .grid-sizer{ width: 30.6%; }.colonne_vignette_3.masonry .gutter-sizer{ width: 4.1%; }
.colonne_vignette_3 .vignette_colonne:nth-child(3n){
	margin-right: 0;
}
	.colonne_vignette_3 .vignette_colonne .contner_h3{
		padding: 0 0 6% 0;
	}
	.colonne_vignette_3 .vignette_colonne.colspan_2{ width: 65.3%; }
	.colonne_vignette_3 .vignette_colonne.colspan_1{ margin-right: 0; }

.colonne_vignette_4 .vignette_colonne{
	width: 24.1%;
	margin: 0 1.2% 1.2% 0;
}
.colonne_vignette_4.masonry .vignette_colonne{ margin-right: 0; }.colonne_vignette_4.masonry .grid-sizer{ width: 24.1%; }.colonne_vignette_4.masonry .gutter-sizer{ width: 1.2%; }
.colonne_vignette_4 .vignette_colonne:nth-child(4n){
	margin-right: 0;
}
.colonne_vignette_4 .vignette_colonne.colspan_2{ width: 49.4%; }
.colonne_vignette_4 .vignette_colonne.colspan_1{ margin-right: 0; }


.colonne_vignette_5 .vignette_colonne{
	width: 19%;
	margin: 0 1.25% 1.25% 0;
}
.colonne_vignette_5.masonry .vignette_colonne{ margin-right: 0; }.colonne_vignette_5.masonry .grid-sizer{ width: 19%; }.colonne_vignette_5.masonry .gutter-sizer{ width: 1.25%; }
.colonne_vignette_5 .vignette_colonne:nth-child(5n){
	margin-right: 0;
}
.colonne_vignette_5 .vignette_colonne.colspan_2{ width: 39.25%; }
.colonne_vignette_5 .vignette_colonne.colspan_1{ margin-right: 0; }


.colonne_vignette_6 .vignette_colonne{
	width: 15.5%;
	margin: 0 1.4% 1.4% 0;
}
.colonne_vignette_6 .vignette_colonne:nth-child(6n){
	margin-right: 0;
}


@media screen and (max-width: 980px){
	
	.colonne_vignette_3.liberte_responsive_default .vignette_colonne{
		width: 48%;
		margin: 0 4% 4% 0;
	}
	.colonne_vignette_3.liberte_responsive_default .vignette_colonne:nth-child(3n){
		margin-right: 4%;
	}
	.colonne_vignette_3.liberte_responsive_default .vignette_colonne:nth-child(2n){
		margin-right: 0;
	}
}

@media screen and (max-width: 600px){

	.colonne_vignette_3.liberte_responsive_forced .vignette_colonne{
		width: 100%;
		margin: 0 0 4% 0;
	}

	.responsive_alignement_left .vignette_colonne.mode_vertical .contner_image_vignette,
	.responsive_alignement_quinconce_right .vignette_colonne.mode_vertical .contner_image_vignette,
	.responsive_alignement_quinconce_left .vignette_colonne.mode_vertical .contner_image_vignette,
	.responsive_alignement_right .vignette_colonne.mode_vertical .contner_image_vignette{
		position: absolute;
		top: 0;
		width: 42%;
		height: 100%;
		margin-bottom: 0;
	}
	.responsive_alignement_left .vignette_colonne.mode_vertical .contner_image_vignette,
	.responsive_alignement_quinconce_right .vignette_colonne.mode_vertical:nth-of-type(2n) .contner_image_vignette,
	.responsive_alignement_quinconce_left .vignette_colonne.mode_vertical:nth-of-type(2n+1) .contner_image_vignette{ left: 0; }
	.responsive_alignement_right .vignette_colonne.mode_vertical .contner_image_vignette,
	.responsive_alignement_quinconce_right .vignette_colonne.mode_vertical:nth-of-type(2n+1) .contner_image_vignette,
	.responsive_alignement_quinconce_left .vignette_colonne.mode_vertical:nth-of-type(2n) .contner_image_vignette{ right: 0; }
	
	.responsive_alignement_left .vignette_colonne.mode_vertical.avec_fond .contenu_in,
	.responsive_alignement_quinconce_right .vignette_colonne.mode_vertical.avec_fond .contenu_in,
	.responsive_alignement_quinconce_left .vignette_colonne.mode_vertical.avec_fond .contenu_in,
	.responsive_alignement_right .vignette_colonne.mode_vertical.avec_fond .contenu_in{
		padding: 3%;
	}

	.responsive_alignement_left .vignette_colonne.mode_vertical.avec_image .contenu_in,
	.responsive_alignement_quinconce_right .vignette_colonne.mode_vertical.avec_image .contenu_in,
	.responsive_alignement_quinconce_left .vignette_colonne.mode_vertical.avec_image .contenu_in,
	.responsive_alignement_right .vignette_colonne.mode_vertical.avec_image .contenu_in{
		width: 56%;
		padding: 1% 0;
	}

	.responsive_alignement_left .vignette_colonne.mode_vertical.avec_image .contenu_in,
	.responsive_alignement_quinconce_right .vignette_colonne.mode_vertical.avec_image:nth-of-type(2n) .contenu_in,
	.responsive_alignement_quinconce_left .vignette_colonne.mode_vertical.avec_image:nth-of-type(2n+1) .contenu_in{ float: right; }
	.responsive_alignement_right .vignette_colonne.mode_vertical.avec_image .contenu_in,
	.responsive_alignement_quinconce_right .vignette_colonne.mode_vertical.avec_image:nth-of-type(2n+1) .contenu_in,
	.responsive_alignement_quinconce_left .vignette_colonne.mode_vertical.avec_image:nth-of-type(2n) .contenu_in{ float: left; }


	.responsive_alignement_left .vignette_colonne.mode_vertical.avec_fond.avec_image .contenu_in,
	.responsive_alignement_quinconce_right .vignette_colonne.mode_vertical.avec_fond.avec_image .contenu_in,
	.responsive_alignement_quinconce_left .vignette_colonne.mode_vertical.avec_fond.avec_image .contenu_in,
	.responsive_alignement_right .vignette_colonne.mode_vertical.avec_fond.avec_image .contenu_in{
		width: 52%;
		padding: 2% 0;
	}
	
	.responsive_alignement_left .vignette_colonne.mode_vertical.avec_fond.avec_image .contenu_in,
	.responsive_alignement_quinconce_right .vignette_colonne.mode_vertical.avec_fond.avec_image:nth-of-type(2n) .contenu_in,
	.responsive_alignement_quinconce_left .vignette_colonne.mode_vertical.avec_fond.avec_image:nth-of-type(2n+1) .contenu_in{ margin-right: 2%; }
	.responsive_alignement_right .vignette_colonne.mode_vertical.avec_fond.avec_image .contenu_in,
	.responsive_alignement_quinconce_right .vignette_colonne.mode_vertical.avec_fond.avec_image:nth-of-type(2n+1) .contenu_in,
	.responsive_alignement_quinconce_left .vignette_colonne.mode_vertical.avec_fond.avec_image:nth-of-type(2n) .contenu_in{ margin-right: 2%; }

}



@media screen and (max-width: 600px){
	
	.colonne_vignette_2.liberte_responsive_default .vignette_colonne,
	.colonne_vignette_3.liberte_responsive_default .vignette_colonne,
	.colonne_vignette_2.liberte_responsive_forced .vignette_colonne,
	.colonne_vignette_3.liberte_responsive_forced .vignette_colonne{
		width: 100%;
		margin: 0 0 4% 0;
	}
	.colonne_vignette_2.liberte_responsive_default .vignette_colonne:nth-child(3n),
	.colonne_vignette_3.liberte_responsive_default .vignette_colonne:nth-child(3n),
	.colonne_vignette_2.liberte_responsive_forced .vignette_colonne:nth-child(3n),
	.colonne_vignette_3.liberte_responsive_forced .vignette_colonne:nth-child(3n){
		margin-right: 0;
	}
	.colonne_vignette_2.liberte_responsive_default .vignette_colonne:nth-child(2n),
	.colonne_vignette_3.liberte_responsive_default .vignette_colonne:nth-child(2n),
	.colonne_vignette_2.liberte_responsive_forced .vignette_colonne:nth-child(2n),
	.colonne_vignette_3.liberte_responsive_forced .vignette_colonne:nth-child(2n){
		margin-right: 0;
	}
}







.vignette_colonne.vignette_lien .contner_image_vignette:hover{
	cursor: pointer;
}



