#pagefo_main 
{
	background-color: 			#fff;
	padding: 					60px 50px;
}

#pagefo_main::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

.form
{
	max-width: 				1000px;
	margin: 				10px auto;
}


/**************************
 * Social
 **************************/
#page_social 
{
	margin: 			20px 0;
	text-align: 		center;
}
#page_social>*
{
	display: 			inline-block;
	margin: 			0 5px;
}

	#page_social>.fb_iframe_widget iframe
	{
		position: 		relative !important;
		margin-top: 	-4px !important;
	}
	
	

/**************************
 * Summary
 **************************/
#pagefo_summary
{
	background-color: 			#fff;
	padding: 					30px 50px;
	margin-bottom: 				5px;
}

	#pagefo_summary #pagefo_summary_title
	{
		color: 					#000;
		font-size: 				12pt;
		font-weight: 			600;
		text-decoration: 		underline;
	}
	#pagefo_summary .page_summary_item
	{
		color: 					#009EE0;
		font-size: 				11pt;
		margin:	 				5px 0;
		cursor: 				pointer;
		margin-left: 			20px;
		lists-tyle-type: 		sqaure;
	}
	#pagefo_summary .page_summary_item::before
	{
		content: 			"•";
		margin-right: 		5px;
	}
	#pagefo_summary .page_summary_item:hover
	{
		text-decoration: 		underline;
	}

/**********************************
 * Banner
 **********************************/
	#page_banner
	{
		position: 				relative;
		padding: 				40px 0;
		background-color: 		#009EE0;
		background-repeat: 		no-repeat;
		background-position: 	center center;
		background-size: 		cover;
	}
	#page_banner::before
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
		position: 			absolute;
		z-index: 			0;
		top: 				0;
		left: 				0;
		right: 				0;
		bottom: 			0;
		background-color: 	rgba(0,158,224,.9);
	}

	/*
		#page_banner h1
		{
			position: 			relative;	
			z-index: 			1;
			color: 				#fff;
			font-size: 			22pt;
			font-weight: 		700;
			padding: 			0 60px;
			padding-bottom: 	5px;
			margin: 			0;
			text-shadow: 		1px 1px 1px rgba(0,0,0,.2);
		}*/
	
		#page_header #page_banner_description
		{
			position: 			relative;	
			z-index: 			1;
			padding: 			5px 60px;
			font-size: 			10pt;
			font-weight: 		400;
			color: 				#fff;
			text-shadow: 		1px 1px 1px rgba(0,0,0,.2);
			line-height: 		150%;
		}
		
		#page_header #page_banner_edit
		{
			position: 			absolute;
			z-index: 			10;
			float: 				right;
			opacity: 			0;
		}
		#page_header:hover #page_banner_edit
		{
			opacity: 			1;
		}
		#page_header #page_editor_columnlist,
		#page_header #page_editor_addlist
		{
			text-align: 		left;
		}


.pagefo_list_item1
{

}


.pagefo_list_item_content
{

}

.pagefo_table
{
	margin: 				0;
}

.pagefo_column
{
}


#pagefo_bloc h2
{
	margin: 				0;
	font-size: 				20pt;
	color: 					#222;
	padding: 				0;
	font-weight: 			normal;
}


/*****************************
 * Types > bloc
 *****************************/
.pagefo_type_gallery
{
	margin: 				0;
}

.page_edit:link,
.page_edit:hover,
.page_edit:active,
.page_edit:visited
{
	float: 					right;
	color: 					#333;
	padding: 				4px 5px;
	padding-left: 			26px;
	background-image: 		url(../images/page/page_edit.png);
	background-repeat: 		no-repeat;
	background-position: 	5px;
	border: 				1px solid #DDD;
	background-color: 		#F2F2F2;
	border-radius: 			3px;
	text-decoration: 		none;
	margin-right: 			10px;
}
.page_edit:hover
{
	border: 				1px solid #AAA;
}

.pagefo_list_item
{
	margin: 			2px 0;
	color: 				#555;
	font-size: 			11pt;
}
.pagearticle_title h3,
.pagefo_type_media .title,
.pagefo_type_gallery .title,
.pagefo_type_form .title
{
	font-weight: 			bold;
	font-size: 				13pt;
	font-weight: 			600;
	color: 					#009EE0;
	padding: 				0;
	margin: 				0;
}

.pagefo_type_form 
{
	margin: 				10px 0;
}

.pagefo_type_media .description
{
	margin-bottom: 		10px;
	text-align: 		justify;
}

.pagefo_type_gallery .description
{
	margin-bottom: 		10px;
	text-align: 		justify;
}


.pagefo_type_media .description a:link,
.pagefo_type_media .description a:hover,
.pagefo_type_media .description a:active,
.pagefo_type_media .description a:visited
{
	color: 				#009EE0;
}

.pagefo_type_media a:link,
.pagefo_type_media a:hover,
.pagefo_type_media a:active,
.pagefo_type_media a:visited
{
	color: 				#111;
	padding: 			0 5px;
	text-decoration: 	underline;
	font-weight: 		500;
}
 

/*****************************
 * Gallery
 *****************************/
/*
.pagefo_gallery_photo_big6x img,
.pagefo_gallery_photo_small6x img,
.pagefo_gallery_photo_3x img
{
	display: 			inline;
	margin: 			5px;
	border: 			5px solid #FFF; 
	-moz-box-shadow: 	1px 1px 5px #555;  
    -webkit-box-shadow: 1px 1px 5px #555;  
    box-shadow: 		1px 1px 5px #555;  
}

.pagefo_gallery_photo_small6x
{

}

.pagefo_gallery_photo_3x
{

}
*/
.pagefo_gallery_photo
{
	margin: 			0 20px 20px 0;
	border: 			0; 
	-moz-box-shadow: 	none;  
    -webkit-box-shadow: none;  
    box-shadow: 		none;  
}
.pagefo_gallery_item
{
	display: 			block;
	float: 				left;
}

	.pagefo_gallery_photo_diaporama
	{
	 	position: 		relative; 
	 	overflow: 		hidden;
	}
	.pagefo_gallery_photo_diaporama_item
	{
		display: 			block;
		position: 			relative;
		float: 				left;
		width: 				30%;
		height: 			500px;
		padding: 			0;
		margin:	 			0;
	}
	
	/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

	

/*****************************
 * Video
 *****************************/
.pagemedia_video
{
	text-align: 			center;
}

.pagemedia_video_info
{
	width: 					380px;
	margin: 				0 auto;
	padding: 				5px 10px;
	background-color: 		#F4F6E9;
	border: 				1px solid #E1E4CF;
}
.pagemedia_video_info .title
{
	font-size: 				11pt;
	text-align: 			center;
	color: 					#A6787A;
	margin: 				0;
	padding: 				3px;
}
.pagemedia_video_info .description
{
	/*font-size: 				8pt;*/
	/*font-style: 			italic;*/
}
 
 
 
/*****************************
 * Article
 *****************************/
.pagefo_article .pagefo_article_inner
{
	padding: 				10px 0;
}
.pagearticle_text
{
	padding: 				5px 0;
	/*font-size: 				9pt;*/
	line-height: 			150%;
}
.pagearticle_text p
{
	padding-top: 			0;
	margin-top: 			0;
}

.pagearticle_legend
{
	text-align: 			center;
	/*font-size: 				8pt;*/
}


.pagearticle_text a:link,
.pagearticle_text a:hover,
.pagearticle_text a:active,
.pagearticle_text a:visited
{
	text-decoration: 		underline;
	color: 					#333;
}


.pagearticle_summary
{
	padding: 				5px 0;
	font-size: 				11pt;
	font-weight: 			600;
	color: 					#3E3E3E;
	/*line-height: 			150%;*/
}

.pagearticle_picture
{
	margin: 				10px;
}

.pagearticle_picture img
{
	border: 				0;
	margin: 				5px;
	padding: 				0;
	-moz-box-shadow: 	 	none;  
    -webkit-box-shadow: 	none;  
    box-shadow: 			none;  
}

.pagefo_article_link:link,
.pagefo_article_link:hover,
.pagefo_article_link:active,
.pagefo_article_link:visited
{
	color: 					#777;
	font-size: 				10pt;
	font-style: 			italic;
	text-decoration: 		underline;
}

.pagearticle_highlight 
{
	position: 				relative;
	background-color: 		#009EE0;
	margin: 				20px 0;
	
}
.pagearticle_highlight::before
{
	position: 				absolute;
	top: 					0;
	bottom: 				0;
	z-index: 				999;
	left: 					-53px;
	right: 					-53px;
	content: 				" ";
	display: 				block;
	clear: 					both;
	background-color: 		#009EE0;
	
}
.pagearticle_highlight .pagefo_article_inner
{
	position: 				relative;
	text-align: 			center;
	z-index: 				1000;
	padding: 				30px 0;
}
.pagearticle_highlight h3
{
	color: 					#fff;
}
.pagearticle_highlight .pagearticle_summary,
.pagearticle_highlight .pagearticle_text
{
	text-align: 			center;
	color: 					rgba(255,255,255,.8);
}


	/**************************
	 * Page article > Array
	 **************************/
	 
	.pagearticle_text table
	{
		border-collapse: 		collapse;
	}
		.pagearticle_text td
		{
			padding: 				5px 8px;
			background-color: 		#F5F5F5;
			font-size: 				10pt;
			font-weight: 			400;
			border: 				1px solid rgba(0,0,0,.1);
		}
		.pagearticle_text tr:nth-child(odd) td
		{
			background-color: 		#EEEEEE;
		}
		.pagearticle_text tr:first-child td,
		.pagearticle_text th
		{
			background-color: 		#161616;
			color: 					#fff;
			font-size: 				11pt;
			font-weight: 			600;
			border: 				1px solid rgba(255,255,255,.1);
		}



/*************************
 * Treeview - Plan du site
 *************************/
.page_item
{
}
.page_item_parent
{
	font-size:				18pt;
	font-weight: 			bold;
	color: 					#D90042;
	list-style-type: 		none;
	padding: 				10px 0;
	color: 					#5A5A5A;
	font-size: 				18pt;
	font-weight: 			normal;
	font-size: 				18pt;

	
}
.page_list .page_item_parent a:link,
.page_list .page_item_parent a:hover,
.page_list .page_item_parent a:active,
.page_list .page_item_parent a:visited
{
	color: 					#5A5A5A;

}

.page_item_end
{
}
.page_child
{
}

.page_list a:link,
.page_list a:hover,
.page_list a:active,
.page_list a:visited
{
	color: 					#777;
}
.page_list ul
{
	padding: 				0;
	padding-left: 			60px;
	padding-right: 			30px;
	padding-bottom:			10px;
}
.page_list li
{
}

.page_list
{
	padding: 				20px;
}



/*************************
 * A lire egalement
 *************************/

#pagefo_seealso_bloc
{
	padding: 				40px 0;
	text-align: 			center;
}

.pagefo_seealso_title
{
	font-size: 				14pt;
	font-weight: 			bold;
	font-weight: 			normal;
	color: 					#252525;
	border-left: 			8px solid #CFCFCF;
	border-left: 			0;
	padding: 				0;
	padding-left: 			40px;
}

	.pagefo_also_item:link,
	.pagefo_also_item:hover,
	.pagefo_also_item:active,
	.pagefo_also_item:visited
	{
		display: 				inline-block;
		text-align: 			center;
		width: 					23%;
		padding: 				10px;
		margin: 				10px 1%;
		vertical-align: 		top;
		-moz-border-radius:		3px;
		-webkit-border-radius:	3px;
		border-radius:			3px;
		-webkit-transition:		all .4s ease-out;
		-moz-transition:		all .4s ease-out;
		-o-transition:			all .4s ease-out;
		transition:				all .4s ease-out;
	}
	.pagefo_also_item:hover
	{
		background-color: 	rgba(255,255,255,.5);
	}
		.pagefo_also_item .pagefo_also_item_picture
		{
			
		}
		.pagefo_also_item .pagefo_also_item_picture img
		{
			max-width: 				64px;
		}
		.pagefo_also_item .pagefo_also_item_name
		{
			position: 				relative;
			font-size: 				18pt;
			font-weight: 			300;
			color: 					#333;
			padding-bottom: 		20px;
			margin-bottom: 			20px;
		}
		.pagefo_also_item .pagefo_also_item_name::before
		{
			content: 				" ";
			display: 				block;
			clear: 					both;
			position: 				absolute;
			bottom: 				0;
			left: 					40%;
			right: 					40%;
			border-bottom: 			3px solid #009EE0;
			-webkit-transition:		all .2s ease-out;
			-moz-transition:		all .2s ease-out;
			-o-transition:			all .2s ease-out;
			transition:				all .2s ease-out;
		}
		
		.pagefo_also_item:hover .pagefo_also_item_name::before
		{
			left: 					20%;
			right: 					20%;
			border-bottom: 			3px solid #009EE0;
		}
		.pagefo_also_item .pagefo_also_item_introduction
		{
			font-size: 				10pt;
			color: 					#333;
		}



.pagefo_share
{
	padding:				5px 0;
	margin-top: 			20px;
	text-align: 			right;
}

.pagefo_share #fb-root
{
	float: right;
}






/*************************
 * 
 * Edit
 * 
 *************************/
.pagefo_list_editorcolumn_button,
.pagefo_list_editor_link:link,
.pagefo_list_editor_link:hover,
.pagefo_list_editor_link:active,
.pagefo_list_editor_link:visited
{
	font-size: 				9pt;
	/*float: 					right;*/
	position: 				absolute;
	right: 					2px;
	top: 					2px;
	color: 					#333;
	padding: 				4px 5px;
	padding-left: 			26px;
	background-image: 		url(../images/page/page_edit.png);
	background-repeat: 		no-repeat;
	background-position: 	5px;
	border: 				1px solid #DDD;
	background-color: 		#F2F2F2;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	text-decoration: 		none;
	padding: 				1px 5px;
	padding: 				4px 5px;
	padding-left: 			24px;
}
.pagefo_list_editorcolumn_button:hover,
.pagefo_list_editor_link:hover
{
	border: 				1px solid #AAA;
}

.pagefo_list_editorcolumn_button
{
	right: 					80px;
	background-image: 		url(../images/page/column3.png);
	padding-left: 			38px;
}
.page_editor_changecolumn .page_editor_changecolumnlist
{
	display: 				none;
	position: 				absolute;
	z-index: 				10;
	right: 					105px;
	background-color: 		#EEE;
	margin-top: 			20px;
	border: 				1px solid #AAA;
	
	-moz-box-shadow: 		0 0 10px rgba(0,0,0,.3);
	-webkit-box-shadow: 	0 0 10px rgba(0,0,0,.3);
	-o-box-shadow: 			0 0 10px rgba(0,0,0,.3);
	box-shadow: 			0 0 10px rgba(0,0,0,.3);
}

.page_editor_changecolumn .page_editor_changecolumnlist a:link,
.page_editor_changecolumn .page_editor_changecolumnlist a:hover,
.page_editor_changecolumn .page_editor_changecolumnlist a:active,
.page_editor_changecolumn .page_editor_changecolumnlist a:visited
{
	font-size: 				9pt;
	display: 				block;
	color: 					#333;
	border-top: 			1px solid #FFF;
	border-bottom: 			1px solid #DDD;
	padding: 				2px 15px;
	text-decoration: 		none;
}
.page_editor_changecolumn .page_editor_changecolumnlist a:hover
{
	background-color: 		#FFF;
}





.page_editor_changecolumn .page_editor_changecolumnlist
.page_editor_changecolumn:hover .page_editor_changecolumnlist
{
	display:	 			block;
}

.pagefo_list_editor_container .pagefo_list_editorcolumn_button,
.pagefo_list_editor_container .pagefo_list_editor_link:link,
.pagefo_list_editor_container .pagefo_list_editor_link:hover,
.pagefo_list_editor_container .pagefo_list_editor_link:active,
.pagefo_list_editor_container .pagefo_list_editor_link:visited
{
	display: 				none;
}
.pagefo_list_editor_container:hover .pagefo_list_editorcolumn_button,
.pagefo_list_editor_container:hover .pagefo_list_editor_link:link,
.pagefo_list_editor_container:hover .pagefo_list_editor_link:hover,
.pagefo_list_editor_container:hover .pagefo_list_editor_link:active,
.pagefo_list_editor_container:hover .pagefo_list_editor_link:visited
{
	display: 				block;
}
.pagefo_list_editor_container
{
	position:				relative;
	z-index: 				0;
	border: 				1px solid #FFF;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	padding: 				2px;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}
.pagefo_list_editor_container:hover
{
	border: 				1px solid #888;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	padding: 				2px;
	
	
	-moz-box-shadow: 		0 5px 10px #000;
	-webkit-box-shadow: 	0 5px 10px #000;
	-o-box-shadow: 			0 5px 10px #000;
	box-shadow: 			0 5px 10px #000;
	
	-moz-box-shadow: 		0 0 10px rgba(0,0,0,.6);
	-webkit-box-shadow: 	0 0 10px rgba(0,0,0,.6);
	-o-box-shadow: 			0 0 10px rgba(0,0,0,.6);
	box-shadow: 			0 0 10px rgba(0,0,0,.6);
}

.pageback:link,
.pageback:hover,
.pageback:active,
.pageback:visited
{
	float: 					right;
	margin: 				0 10px;
	background-color: 		#FFF;
	color: 					#447FE1;
	font-weight: 			600;
	padding: 				5px 10px;
	font-size: 				12px;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
	text-decoration: 		none;
	padding-left: 			26px;
	background-image: 		url(../images/page/pageback.png);
	background-repeat: 		no-repeat;
	background-position: 	5px;
}
.pageback:hover
{
	background-color: 		#EEE;
}



/****************************
 * Bouton edition
 ****************************/

.page_edit:link,
.page_edit:hover,
.page_edit:active,
.page_edit:visited
{
	font-size: 				9pt;
	margin-top: 			10px;
	float: 					right;
	color: 					#333;
	padding: 				4px 5px;
	padding-left: 			26px;
	background-image: 		url(../images/page/page_edit.png);
	background-repeat: 		no-repeat;
	background-position: 	5px;
	border: 				1px solid #DDD;
	background-color: 		#F2F2F2;
	border-radius: 			3px;
	text-decoration: 		none;
	margin-right: 			10px;
}
.page_edit:hover
{
	border: 				1px solid #AAA;
}


#page_editor_add,
#page_editor_column
{
	float: 					right;
}
#page_editor_addbutton,
#page_editor_columnbutton
{
	font-size: 				9pt;
	margin-top: 			10px;
	float: 					right;
	color: 					#333;
	padding: 				4px 5px;
	padding-left: 			26px;
	background-image: 		url(../images/page/page_add.png);
	background-repeat: 		no-repeat;
	background-position: 	5px;
	border: 				1px solid #DDD;
	background-color: 		#F2F2F2;
	border-radius: 			3px;
	text-decoration: 		none;
	margin-right: 			10px;
	cursor:					pointer;
}
#page_editor_columnbutton
{
	background-image: 		url(../images/page/column3.png);
	padding-left: 			40px;
}
#page_editor_addlist,
#page_editor_columnlist
{
	font-size: 				9pt;
	position: 				absolute;
	z-index: 				10;
	right: 					10px;
	background-color: 		#EEE;
	margin-top: 			35px;
	border: 				1px solid #AAA;
	
	-moz-box-shadow: 		0 0 10px rgba(0,0,0,.3);
	-webkit-box-shadow: 	0 0 10px rgba(0,0,0,.3);
	-o-box-shadow: 			0 0 10px rgba(0,0,0,.3);
	box-shadow: 			0 0 10px rgba(0,0,0,.3);
	
}
#page_editor_addlist
{
	right: 					120px;
}

#page_editor_addlist ul,
#page_editor_addlist li
{
	margin: 				0;
	padding: 				0;
	list-style-type: 		none;
}
#page_editor_addlist a:link,
#page_editor_addlist a:hover,
#page_editor_addlist a:active,
#page_editor_addlist a:visited
{
	display: 				block;
	color: 					#333;
	border-top: 			1px solid #FFF;
	border-bottom: 			1px solid #DDD;
	padding: 				2px 5px;
	padding: 				4px 5px;
	padding-right: 			20px;
	padding-left: 			26px;
	text-decoration: 		none;
}
#page_editor_addlist a:hover
{
	background-color: 		#FFF;
}


/********************************************
/* Action personnalisees
 ********************************************/
#page_editor_addlist li.addarticle a
{
	background-image: url(../images/page/pageitem_article.png);
	background-repeat: no-repeat;
	background-position: 4px;
} 
 
#page_editor_addlist li.addgallery a
{
	background-image: url(../images/page/pageitem_gallery.png);
	background-repeat: no-repeat;
	background-position: 4px;
} 
 
#page_editor_addlist li.addvideo a
{
	background-image: url(../images/page/pageitem_video.png);
	background-repeat: no-repeat;
	background-position: 4px;
} 
#page_editor_addlist li.addremotevideo a
{
	background-image: url(../images/page/pageitem_remotevideo.png);
	background-repeat: no-repeat;
	background-position: 4px;
} 
 
#page_editor_addlist li.addsound a
{
	background-image: url(../images/page/pageitem_sound.png);
	background-repeat: no-repeat;
	background-position: 4px;
} 
 
#page_editor_addlist li.adddownload a
{
	background-image: url(../images/page/pageitem_download.png);
	background-repeat: no-repeat;
	background-position: 4px;
} 
 
#page_editor_addlist li.addrss a
{
	background-image: url(../images/page/pageitem_rss.png);
	background-repeat: no-repeat;
	background-position: 4px;
} 

#page_editor_addlist li.addform a
{
	background-image: url(../images/page/pageitem_form.png);
	background-repeat: no-repeat;
	background-position: 4px;
} 
#page_editor_addlist li.addseparator a
{
	background-image: url(../images/page/pageitem_separator.png);
	background-repeat: no-repeat;
	background-position: 4px;
} 
#page_editor_addlist li.addresult a
{
	background-image: url(../images/page/pageitem_result.png);
	background-repeat: no-repeat;
	background-position: 4px;
} 


.page_editor_item1:link,
.page_editor_item1:hover,
.page_editor_item1:active,
.page_editor_item1:visited,
.page_editor_item2:link,
.page_editor_item2:hover,
.page_editor_item2:active,
.page_editor_item2:visited,
.page_editor_item221:link,
.page_editor_item221:hover,
.page_editor_item221:active,
.page_editor_item221:visited,
.page_editor_item212:link,
.page_editor_item212:hover,
.page_editor_item212:active,
.page_editor_item212:visited,
.page_editor_item3:link,
.page_editor_item3:hover,
.page_editor_item3:active,
.page_editor_item3:visited
{
	display: 				block;
	background-image: 		url(../images/page/column1.png);
	background-repeat: 		no-repeat;
	background-position: 	5px;
	padding: 				10px;
	color: 					#333;
	border-top: 			1px solid #FFF;
	border-bottom: 			1px solid #DDD;
	padding: 				2px 5px;
	padding: 				4px 5px;
	padding-right: 			20px;
	padding-left: 			40px;
	text-decoration: 		none;
}

.page_editor_item1:hover,
.page_editor_item2:hover,
.page_editor_item221:hover,
.page_editor_item212:hover,
.page_editor_item3:hover
{
	background-color: 		#FFF;
}


.page_editor_item1:link,
.page_editor_item1:hover,
.page_editor_item1:active,
.page_editor_item1:visited
{ background-image: url(../images/page/column1.png); }

.page_editor_item2:link,
.page_editor_item2:hover,
.page_editor_item2:active,
.page_editor_item2:visited
{ background-image: url(../images/page/column2.png); }

.page_editor_item221:link,
.page_editor_item221:hover,
.page_editor_item221:active,
.page_editor_item221:visited
{ background-image: url(../images/page/column221.png); }

.page_editor_item212:link,
.page_editor_item212:hover,
.page_editor_item212:active,
.page_editor_item212:visited
{ background-image: url(../images/page/column212.png); }

.page_editor_item3:link,
.page_editor_item3:hover,
.page_editor_item3:active,
.page_editor_item3:visited
{ background-image: url(../images/page/column3.png); }



.pagearticle_text img 
{
	max-width: 100%;
}

.pagefo_column1_2,
.pagefo_column2_2
{
    width:			48%;
    float:			left;

}



.pagefo_column1_2
{
    margin-right: 		4%;

}
.pagefo_column2_2
{

}
.pagefo_column1_1
{
    width:			auto;
    float:			none;
}
.pagefo_column1_3,
.pagefo_column2_3,
.pagefo_column3_3,
.pagefo_column1_212, 
.pagefo_column2_221
{
    width:			32%;
    float:			left;
}
.pagefo_column2_212,
.pagefo_column1_221
{
    width:			63%;
    float:			left;
}
.pagefo_column1_221, 
.pagefo_column1_212
{
	margin-right: 1.5%;
	padding-right:  2.5%;
}
.pagefo_column1_3
{
    margin-right: 		2%;

}
.pagefo_column2_3
{
    margin-right: 		2%;

}
.pagefo_column3_3
{
    margin-right: 		0%;

}

.pagearticle_columntext1
{
	max-width: 640px;
	margin: 0 auto !important;
}


.pagearticle_image_bloc_floatleft
{
    float:			left;
}
.pagefo_column2 .pagefo_column_inner,
.pagefo_column3 .pagefo_column_inner
{
    margin-left: 		15px;
    margin-right: 		5px;
}

.page_article_align_left_picture
{
	float: left; 
	margin: 0 4% 5px 0;
	max-width: 48%
}
.page_article_align_left_text
{
	float: left; max-width: 48%;
}
.page_article_align_right_picture
{
	float: left;  max-width: 48%;
}
.page_article_align_right_text
{
	float: left; max-width: 48%;
	margin: 0 4% 5px 0;
}


.page_article_float_right_picture
{
	float: right;
	max-width: 48%;
	margin: 5px 0% 0 4%;


}
.page_article_float_right_text
{
	margin: 5px 0% 0 0%;
}
.page_article_align_center_picture,
.page_article_align_center_text
{
}

.page_article_float_left_picture
{
	float: left; margin: 0 4% 5px 0; max-width: 48%;

}
.page_article_float_left_text
{
}


}
@media only screen
and (max-width : 1200px) 
{
	.pagefo_bloc 
	{
	}
	#page_banner h1
	{
	}
}

@media only screen
and (max-width : 980px) 
{
	/*
	#commons_zoom
	{
   		margin-top: 75px !important;
	}
	*/
	.pagefo_gallery_item
	{
		display: 			block;
		float: 				left;
		width:				31%;
		margin:				0 1% 20px 1%;
		position:			relative;
		overflow:			hidden;
	}
	.context_right 
	{
		display: none;
	}
    .pagefo_column1_3
    {
		width:			100%;
		float:			none;
		margin:			0;

    }
    .pagefo_column2_3
    {
		width:			100%;
		float:			none;
		margin:			0;
    }
    .pagefo_column3_3
    {
		width:			100%;
		float:			none;
		margin:			0;
    }
	.pagefo_column1_212,
	.pagefo_column2_221,
	.pagefo_column2_212,
	.pagefo_column1_221
	{
		width:			100%;
		float:			none;
		margin:			0;
		border:			none;
		padding:		0;
	}

    .pagefo_bloc 
    {
		padding: 		10px 0px;
    }

    .pagefo_list_item
    {
		margin: 		10px 0;
		margin-bottom: 	10px;
		font-size: 		12px;
    }

    .pagearticle_image_bloc_floatright,
    .pagearticle_image_bloc_floatleft
    {
		float: 			none;
		margin: 		0;
		text-align: 	center;
		margin-bottom: 	20px;
		width:			100%;
    }
    .pagearticle_columntext2,
    .pagearticle_columntext3,
    .pagearticle_columntext4
    {
		-webkit-columns: 	1;
		-moz-columns: 		1;
		columns:			1;
		-webkit-column-gap: 0;
		-moz-column-gap : 	0;
		column-gap : 		0;
    }
    .pagearticle_picture
    {
		float: none;
    }
    .pagearticle_picture a.highslide img
    {
    }

    .pagearray_display_table
    {
    }
    .pagearray_display_table td
    {
		border: 		0;
		padding: 		2px 0;
		font-size: 		10px;
    }
    .pagefo_bloc img
    {
		/*max-width: 		300px !important;
		max-width: 		100% !important;*/
    }
	.pagefo_article .pagefo_article_inner {
		padding: 0;
	}

	.page_article_align_left_picture,
	.page_article_align_left_text,
	.page_article_align_right_picture,
	.page_article_align_right_text,
	.page_article_float_right_picture,
	.page_article_float_right_text,
	.page_article_align_center_picture,
	.page_article_align_center_text,
	.page_article_float_left_picture,
	.page_article_float_left_text
	{
		float:		none; 
		max-width:	100%;
		width:		auto;
		margin:		20px 0;
	}
	#pagefo_seealso_bloc .pagefo_also_item
	{
		width: 			48%;
		
}
@media only screen
and (max-width : 720px) 
{
	.zoom_intern .commons_block
	{
		margin: 			0 !important;
		padding: 			0;
	}
	#page_banner_edit
	{
		display: 		none;
	}

	#pagefo_bloc
	{
		position:	relative;
		margin:		0 !important; 
	}
	#pagefo_main 
	{
		background-color: 			#fff;
		padding: 					10px 15px !important;
		margin: 					0 !important;
	}
	
	#page_social 
	{
		display: 				none;
	}

	
	.pagefo_article_inner > div{float: none !important; width: 100%; margin: 0 0 20px 0;}
	.page_article_align_left_picture,
	.page_article_align_left_text,
	.page_article_align_right_picture,
	.page_article_align_right_text,
	.page_article_float_right_picture,
	.page_article_float_right_text,
	.page_article_align_center_picture,
	.page_article_align_center_text,
	.page_article_float_left_picture,
	.page_article_float_left_text
	{
		float:			none; 
		max-width:		100%;
		width:			auto;
		margin:			20px 0;
	}
	.pagefo_column1_2,
	.pagefo_column2_2
	{
		width:			100%;
		float:			left;
		margin-right:	0;
		margin-left:	0;
		clear:			both;

	}
	
	.pagearticle_highlight .pagefo_article_inner
	{
		padding: 		30px 30px;
	}
	
	.pagearticle_highlight::before
	{
		left: 			0;
		right: 			0;
	}
	
		
	#pagefo_seealso_bloc
	{
		padding: 			0;
	}
		#pagefo_seealso_bloc .pagefo_also_item
		{
			display: 				block;
			width: 					auto;
			margin: 				0;
			border-bottom:			1px solid rgba(0,0,0,.2);
			-moz-border-radius:		0;
			-webkit-border-radius:	0;
			border-radius:			0;
		}
		#pagefo_seealso_bloc .pagefo_also_item .pagefo_also_item_name
		{
			padding: 			5px 0;
			margin: 			0;
			font-size: 			14pt;
		}
		#pagefo_seealso_bloc .pagefo_also_item .pagefo_also_item_name::before { display: none; }
		#pagefo_seealso_bloc .pagefo_also_item .pagefo_also_item_picture
		{
			display: 			none;
		}
		#pagefo_seealso_bloc .pagefo_also_item .pagefo_also_item_introduction
		{
			display: 			none;
		}
		
}

@media only screen
and (max-width : 480px) 
{
	.pagefo_gallery_item
	{
		display: 			block;
		float: 				left;
		width:				48%;
		margin:				0 1% 20px 1%;
		position:			relative;
		overflow:			hidden;
	}
}