/*@import url(http://fonts.googleapis.com/css?family=Raleway:400,700);*/
/*@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,700,500);*/
@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800);
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');

html, body
{
	color: 				#02232C;
	font-family: 		'Raleway';
	font-family: 		'Montserrat';
	font-size: 			13px;
	font-weight: 		400;
	padding: 			0;
	margin: 			0;
	line-height: 		1.5;
}

body
{
	background-color: 	#f3f3f3;
}
body.wallpaper
{
	padding-top: 			250px;
	cursor: 				pointer;
	background-position: 	top center;
	background-repeat: 		no-repeat;
	background-attachment: 	fixed;
}

.commons_wrap
{
	max-width: 			1300px;
	margin: 			0 auto;
}

*
{
	box-sizing:		border-box;
}
*::before, *::after 
{
    box-sizing:		border-box;
}

a:link,
a:hover,
a:active,
a:visited
{
	color:  			inherit;
	text-decoration: 	none;
}
a:hover
{
	text-decoration: 	underline;
}

img
{
	max-width: 			100%;
	vertical-align: 	bottom;
}
.classic { display: block; }
.desktop { display: block; }
.mobile { display: none !important; }
.hidden { display: none !important; }
.notation_text { display: none; }
.card_info { display: none; }


h1,
h2,
h3,
.h1_like,
.h2_like,
.h3_like
{
	font-weight: 			700;
	font-size: 				23pt;
	color: 					#333;
	font-weight: 			500;
	padding: 				5px 0;
	margin: 				5px 0;
	line-height:			1.2;
}
h2, .h2_like { font-size: 18pt; font-weight: 600; color: #444;}
h3, .h3_like { font-size: 16pt; font-weight: 400; color: #777; }


.buttoneditable:link,
.buttoneditable:hover,
.buttoneditable:active,
.buttoneditable:visited
{
	float: 					right;
	font-family: 			Arial;
	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;
}
.buttoneditable:hover
{
}

.button,
.button:link,
.button:hover,
.button:active,
.button:visited
{
	/*float: 					right;*/
	display: 				inline-block;
	border: 				0;
	background-color: 		#D8306B;
	color: 					#fff;
	padding: 				8px 20px;
	font-weight: 			600;
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
	border-radius:			3px;
	margin: 				5px 0;
	text-decoration: 		none;
	cursor: 				pointer;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
	margin-right: 			2px;
	-webkit-appearance: 	none;
	-moz-appearance: 		none;
}
.button:hover
{
	background-color: 		#AC2550;
}

.button_blue,
.button_blue:link,
.button_blue:hover,
.button_blue:active,
.button_blue:visited
{
	background-color: 		#074A5D;
}
.button_cancel,
.button_cancel:link,
.button_cancel:hover,
.button_cancel:active,
.button_cancel:visited
{
	background-color: 		#aaa;
}

/*==========================*/
/* MessageReturn		    */
/*==========================*/

.messagereturn_success,
.messagereturn_error,
.messagereturn_noright,
.messagereturn_admin,
.messagereturn_info
{
	position: 					fixed;
	z-index: 					100000;
	bottom:						0;
	right: 						0;
	width: 						500px;
	padding: 					40px 40px;
	text-align: 				center;
	margin: 					30px 10px;
	font-size: 					12pt;
	font-weight: 				600;
	-moz-border-radius:			3px;
	-webkit-border-radius:		3px;
	border-radius:				3px;
		
	/*
	-moz-box-shadow: 			0 0 6px rgba(0,0,0,.3);
	-webkit-box-shadow: 		0 0 6px rgba(0,0,0,.3);
	-o-box-shadow: 				0 0 6px rgba(0,0,0,.3);
	box-shadow: 				0 0 6px rgba(0,0,0,.3);
	*/
}

.messagereturn_admin, 
.messagereturn_info 
{ 
	background-color: 	#CB2D60;
    color:				#fff;
}
.messagereturn_success 
{ 
    background-color: 	#459622;
    color: 				#fff;
}
.messagereturn_error 
{     
	background-color: 	#cc0000;
    color: 				#fff;
}
.messagereturn_buttonclose 
{ 
	display: 			none; 
}

#messagereturn_opener
{
	position: 				fixed;
	bottom: 				0;
	right: 					0;
	height: 				16px;
	width:	 				16px;
	cursor: 				pointer;
}

/*************************************
 * Wait
 *************************************/
#wait
{
	display:				none;
	position:   			fixed;
	top:  					0;
	left:  					0;
	right:  				0;
	bottom:  				0;
	background-color:  		rgba(0,0,0,.8);
	opacity:  				0;
	z-index:  				10;
	background-image: 		url(../images/commons/loader.svg);
	background-position:	center center;
	background-repeat: 		no-repeat;
	background-size:  		128px;
	-webkit-transition:		all .2s ease-out;
	-moz-transition:		all .2s ease-out;
	-o-transition:			all .2s ease-out;
	transition:				all .2s ease-out;
}
body.waitdisplay #wait
{
	display:  				block;
}

body.wait #wait
{
	opacity:  				1;
}

	/**************************
	 * Slick Dots
	 **************************/
	.slick-dots
	{

	}

	.slick-dots li
	{
		border: 				2px solid rgba(255,255,255,0);
		width: 					10px;
		height: 				10px;
		-moz-border-radius:		50%;
		-webkit-border-radius:	50%;
		border-radius:			50%;
		margin: 				2px 2px !important;
		background-color: 		#fff;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}

	.slick-dots li.slick-active
	{
		border: 				2px solid #fff;
		background-color: 		transparent;
		width: 					14px;
		height: 				14px;
		margin: 				0 2px !important;
	}
	.slick-dots li button
	{
		display: none;
	}

/**************************
 * 
 * BLOC GENERAL
 * 
 **************************/
#commons_main
{
	/*margin-top: 			50px;*/
	box-shadow: 			0 1px 3px rgba(0,0,0,.2);
	box-shadow: 			0 0 6px rgba(0,0,0,.2);
	background-color: 		#fff;
	cursor: 				default;
}

#commons_zoom
{
	/*padding: 				10px 5%;*/
}
	#commons_zoom .commons_wrap
	{
		padding: 				0 15px;
	}

/*************************************
 * Header
 *************************************/
#commons_header
{
	position:  				relative;
	z-index:  				-1;
	z-index:  				0;
	height:  				40vh;
	background-size: 		cover;
	background-position:	center center;
	background-repeat: 		no-repeat;
	background-color:  		rgba(0,0,0,.1);
}

	#commons_header
	{
		padding-top:  		15vh;
		text-align:   		center;
	}
	#commons_header h1
	{
		color:  			#fff;
		text-shadow:   		1px 1px 2px rgba(0,0,0,.5)
	}
	#commons_header h1 span
	{
		font-weight:  		300;
		margin-right:  		10px;
	}

	#theme_paillote 	#commons_header { background-image: url(../images/banner/paillote.jpg); }
	#theme_restaurant 	#commons_header { background-image: url(../images/banner/restaurant.jpg); }
	#theme_rooftop 		#commons_header { background-image: url(../images/banner/rooftop.jpg); }
	#theme_agenda 		#commons_header { background-image: url(../images/banner/agenda.jpg); }


 /**************************
  * Gestion du blackscreen
  **************************/
#commons_main.black
{
	position: 		relative;
}
	#commons_main::after
	{
		content: 			"";
		display: 			none;
		clear: 				both;
		position: 			absolute;
		z-index:	 		10000000;
		z-index:	 		10000;
		top: 				0;
		left: 				0;
		right: 				0;
		bottom: 			0;
		background-color: 	rgba(0,0,0,0);
		-webkit-transition:	all .4s ease-out;
		-moz-transition:	all .4s ease-out;
		-o-transition:		all .4s ease-out;
		transition:			all .4s ease-out;
	}
	#commons_main.black::after
	{
		display: 			block;
		content: 			" ";
		/*z-index:	 		10000000;*/
	}
	#commons_main.blackoff::after
	{
		background-color: 	rgba(0,0,0,.6);
	}



 	/**************************
 	 * Appear
 	 **************************/
	.fade
	{
		
		-webkit-transform: 	translate(10px, 0);
		-moz-transform: 	translate(10px, 0);
		-ms-transform: 		translate(10px, 0);
		-webkit-transform: 	translate(0, 10px);
		-moz-transform: 	translate(0, 10px);
		-ms-transform: 		translate(0, 10px);
		
		opacity: 			0;
		-webkit-transition:	all .6s ease-out;
		-moz-transition:	all .6s ease-out;
		-o-transition:		all .6s ease-out;
		transition:			all .6s ease-out;
	}
	 
	.fade.show
	{
		-webkit-transform: 	translate(0, 0);
		-moz-transform: 	translate(0, 0);
		-ms-transform: 		translate(0, 0);
		opacity: 			1 !important;
	}
	/**************************
	 * Notation Price
	 **************************/
	.paillote_list_item_noteprice_bloc
	{
	}
	.paillote_list_item_noteprice
	{
		position: 				relative;
		display: 				block;
		width: 					90px;
		height: 				30px;
		margin:  				10px 0;
		background-image: 		url(../images/paillote/euro-white.svg);
		background-position: 	left;
		background-repeat: 		repeat;
		background-size: 		30px;
	}
	.paillote_list_item_noteprice::after
	{
		content: 				" ";
		display: 				block;
		clear: 					both;
		position: 				absolute;
		top: 					0;
		left: 					0;
		width: 					0;
		bottom: 				0;
		background-image: 		url(../images/paillote/euro.svg);
		background-position: 	left;
		background-repeat: 		repeat;
		background-size: 		30px;
	}
		.paillote_list_item_noteprice.price1::after { width: 	33.33%;	}
		.paillote_list_item_noteprice.price2::after { width: 	66.33%;	}
		.paillote_list_item_noteprice.price3::after { width: 	100%;	}

	.paillote_list_item_noteprice.mini
	{
		width: 					54px;
		height: 				18px;
		background-size: 		18px;
	}

	.paillote_list_item_noteprice.mini::after
	{
		background-size: 		18px;
	}

/*************************************
 *
 * 2 0 1 9
 *
 *************************************/
.commons_wrap
{
	max-width:  		1300px;
	margin:  			0 auto;
}

/*************************************
 * Menu Burger
 *************************************/

	/**************************
	 * Menu Button
	 **************************/
	.menu-icon-wrapper
	{
		position: 		relative;
		display: 		inline-block;
		width: 			34px;
		height: 		34px;
		margin: 		20px 12px;
		margin-bottom: 	0;
		pointer-events: none;
		transition: 	0.1s;
	}

	.menu-icon-wrapper.scaled
	{
		-webkit-transform: scale(0.5);
		-ms-transform: scale(0.5);
		transform: scale(0.5);
	}

	.menu-icon-wrapper svg
	{
		position: absolute;
		top: -33px;
		left: -33px;
		-webkit-transform: scale(0.1);
		-ms-transform: scale(0.1);
		transform: scale(0.1);
		-webkit-transform-origin: 0 0;
		-ms-transform-origin: 0 0;
		transform-origin: 0 0;
	}

	.menu-icon-wrapper svg path
	{
		stroke: rgba(0,0,0,.5);
		stroke: rgba(255, 255, 255, .7);
		stroke-width: 20px;
		stroke-linecap: square;
		stroke-linejoin: square;
		fill: transparent;
	}
	#theme_default .menu-icon-wrapper svg path
	{
		stroke: rgba(0, 0, 0, .9);
	}

	.menu-icon-wrapper .menu-icon-trigger
	{
		position: relative;
		width: 100%;
		height: 100%;
		cursor: pointer;
		pointer-events: auto;
		background: none;
		border: none;
		margin: 0;
		padding: 0;
	}

	.menu-icon-wrapper .menu-icon-trigger:hover,
	.menu-icon-wrapper .menu-icon-trigger:focus
	{
		outline: none;
	}

	/*************************************
	 * Menu Connexion
	 *************************************/
	#commons_login:link,
	#commons_login:hover,
	#commons_login:active,
	#commons_login:visited
	{
		display: 				block;
		position: 				fixed;
		z-index: 				1000000;
		top: 					5px;
		right:					5px;
		width: 					16px;
		height:					16px;
		background-image: 		url(../images/commons/secure.svg);
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size:  		contain;
		opacity: 				0.1;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	#commons_login:hover
	{
		opacity: 				0.5;
	}


	/*************************************
	 * Banner
	 *************************************/
#commons_banner
{
	position:  			relative;
	z-index:  			100;
	padding:   			20px 0;
	background-color:  	#fff;
	margin:   			0;
	box-shadow:   		0 5px 10px rgba(0,0,0,.1);
}
	#commons_banner::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}

	#commons_menu_burger
	{
		float:  			left;
		width:  			60px;
	}

	#commons_logo
	{
		float:  			left;
		width:  			30%;
	}
	#commons_logo img { height:  70px;  }
	#commons_search
	{
		float:  			right;
		margin-top:  		6px;
		/*margin-right:  		20px;*/
		/*padding-right: 		20px;*/
		width:   			60%;
	}
		#type_changer,
		#search_bloc
		{
			width:  		48%;
		}

	#commons_flag
	{
		float:  			right;
		margin-top:  		24px;
	}


		/*************************************
		 * Banner > Search
		 *************************************/
		#commons_search #type_changer,
		#commons_search input[type='text']
		{
			border:  				1px solid rgba(0,0,0,0);
			color:   				#fff;
			padding:  				20px 10px;
			font-size:   			14pt;
			-moz-border-radius:		3px;
			-webkit-border-radius:	3px;
			border-radius:			3px;
			/*min-width:  			320px;*/
			background-image:  		url(../images/commons/searchw.svg);
			background-position:  	99% 50%;
			background-size:  		48px;
			background-repeat:  	no-repeat;
			height:  				70px;
			-webkit-transition:		all .2s ease-out;
			-moz-transition:		all .2s ease-out;
			-o-transition:			all .2s ease-out;
			transition:				all .2s ease-out;
		}

		#commons_search input[type='text']::-webkit-input-placeholder /* WebKit, Blink, Edge */
		{
			color:  			#fff;
		}
		#commons_search input[type='text']:-moz-placeholder /* Mozilla Firefox 4 à 18 */
		{
			color:  			#fff;
		}
		#commons_search input[type='text']::-moz-placeholder /* Mozilla Firefox à partir de la version 19 */
		{
			color:  			#fff;
		}
		#commons_search input[type='text']:-ms-input-placeholder /* Internet Explorer 10-11 */
		{
			color:  			#fff;
		}
		#commons_search input[type='text']
		{
			width:  				100%;
		}
		#commons_search input[type='text']:focus::-webkit-input-placeholder
		{
			color:  				#333;
		}
		#commons_search input[type='text']:focus
		{
			background-color:   		#fff;
			color:   					#333;
			background-image:  			url(../images/commons/search.svg);
		}
		#commons_search input[type='submit']
		{
			display:  			none;
		}
		#theme_default #commons_search input[type='text']::-webkit-input-placeholder /* WebKit, Blink, Edge */
		{
			color:  			#777;
		}
		#theme_default #commons_search input[type='text']:-moz-placeholder /* Mozilla Firefox 4 à 18 */
		{
			color:  			#777;;
		}
		#theme_default #commons_search input[type='text']::-moz-placeholder /* Mozilla Firefox à partir de la version 19 */
		{
			color:  			#777;;
		}
		#theme_default #commons_search input[type='text']:-ms-input-placeholder /* Internet Explorer 10-11 */
		{
			color:  			#777;;
		}

		#theme_default #commons_search input[type='text']
		{
			color:   				#111;
			border:  				1px solid rgba(0,0,0,.2);
			-moz-border-radius:		50px;
			-webkit-border-radius:	50px;
			border-radius:			50px;
			padding-left:  			40px;
			background-image:  		url(../images/commons/search.svg);
			outline:  				none;
		}

		#theme_default #commons_search input[type='text']::placeholder
		{
			 color: 		#BB2958;
			 /*opacity: 1; !* Firefox *!*/
		 }


	#search_bloc
			{
				float: 				right;
				position:   		relative;
				margin-left:  	 	10px;
			}
			#search_result
			{
				position:   			absolute;
				background-color: 		#fff;
				box-shadow:  			1px 1px 3px rgba(0,0,0,.3);
				right:  				0;
				left: 	 				0;
				margin-top:  			10px;
				-moz-border-radius:		5px;
				-webkit-border-radius:	5px;
				border-radius:			5px;
			}

	/**************************
	 * SearchResult
	 **************************/
	#commons_banner_search
	{
		position: 			relative;
	}
	#commons_banner_search.loader input
	{
		background-image: 		url(../images/commons/loader.gif);
	}
	#search_result:empty { display: none; }
	#search_result
	{
		position: 				absolute;
		z-index: 				100000;
		max-height: 			70vh;
		overflow-y: 			auto;
		left: 					0;
		right: 					0;
		border: 				1px solid rgba(0,0,0,.3);
		background-color: 	 	#fff;
		-moz-border-radius:		3px;
		-webkit-border-radius:	3px;
		border-radius:			3px;
		box-shadow: 			0 1px 5px rgba(0,0,0,.4);
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;
	}
	#search_result::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
		position: 			absolute;
		top: 				0;
		left: 				0;
		bottom: 			0;
		right: 				100%;
		background-color: 	rgba(255,255,255,.8);
	}
	#search_result.loader::after
	{
		right: 				0;
	}


	.search_result_inner
	{
		padding: 			20px 15px;
		border-bottom: 		1px solid rgba(0,0,0,.2);
	}
	.search_result_inner:last-child
	{
		border: 			0;
	}
	.search_title
	{
		font-size: 			11pt;
		font-weight: 		600;
		color: 				#333;
		text-transform: 	uppercase;
		margin: 			5px 10px;
	}
	.search_title span
	{
		font-size: 			9pt;
		font-weight: 		400;
		color: 				#aaa;
		text-transform: 	none;
	}
	.search_items
	{
	}
	.search_item:link,
	.search_item:hover,
	.search_item:active,
	.search_item:visited
	{
		display: 				block;
		padding: 				4px 10px;
		text-decoration:		none;
		-moz-border-radius:		3px;
		-webkit-border-radius:	3px;
		border-radius:			3px;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	.search_item:hover
	{
		background-color: 	#FCCFDD;
		background-color: 	#eee;
	}
	.search_item i
	{
		font-style: 			normal;
		background-color: 		#FF0;
	}

	.search_item_name
	{
		display: 			inline;
		font-size: 			9pt;
		font-weight: 		600;
		color: 				#BB2958;
		color: 				#111;
	}
	.search_item_description
	{
		display: 			inline;
		font-size: 			9pt;
		font-weight: 		400;
		color: 				#aaa;
	}
	.search_item_note
	{
		/*float: 				right;*/
		display: 			inline-block;
		margin-right: 		10px;
	}


	/*************************************
	 * Banner > Search > Changer
	 *************************************/

		#commons_search #type_changer
		{
			float: 					left;
			background-image:  		url(../images/commons/down.svg);
			background-position:    96% 50%;
			background-size:   		20px;
		}
		#commons_banner
		{
			-webkit-perspective: 	800px;
			perspective: 			800px;
			perspective-origin: 	top;
		}
		#commons_changer_type
		{
			position:   			absolute;
			z-index:  				1000;
			left:  					0;
			right:  				0;
			opacity:  				0;
			transform: 				rotateX(99.5deg);

			-webkit-transition:		all .3s ease-out;
			-moz-transition:		all .3s ease-out;
			-o-transition:			all .3s ease-out;
			transition:				all .3s ease-out;
		}
		#commons_changer_type.display
		{
			opacity:  				1;
			height:  				auto;
			margin-top:  			96px;
			-webkit-transform: rotateX(0deg); /* Safari 3-8  */
			transform: rotateX(0deg);
		}

		#commons_changer_type_content
		{
			position:   		relative;
			z-index:  			100;
			/*min-height: 	 	300px;*/
			margin:  			0 100px;
			padding:  			30px 30px;
			box-shadow:  		0px 10px 10px rgba(0,0,0,.2);
		}

			#commons_changer_type_content_type
			{
				background-color:  		#fff;
				-moz-border-radius:		5px;
				-webkit-border-radius:	5px;
				border-radius:			5px;
				overflow:  				hidden;
				box-shadow:  			1px 1px 2px rgba(0,0,0,.1);
			}
			#commons_changer_type_content_type::after
			{
				content: 			" ";
				display: 			block;
				clear: 				both;
			}
			#commons_changer_type_content_localisation
			{

			}
			/*.changer_type_item.disabled { opacity:  0.6; cursor: not-allowed; }*/
			.changer_type_item.disabled { opacity:  0.6;  }
			.changer_type_item.disabled:hover { opacity:  0.5; }

			.changer_type_item,
			.changer_type_item:link,
			.changer_type_item:hover,
			.changer_type_item:active,
			.changer_type_item:visited
			{
				display:    	  		block;
				float:   				left;
				text-align: 	 		center;
				width:  				25%;
				border-left:  			1px solid inherit;
				font-size:  			14pt;
				text-decoration: 		none;
			}
			.changer_type_item#menu_type2,
			.changer_type_item#menu_type2:link,
			.changer_type_item#menu_type2:hover,
			.changer_type_item#menu_type2:active,
			.changer_type_item#menu_type2:visited
			{ width: 35% !important; }

			.changer_type_item#menu_type4,
			.changer_type_item#menu_type4:link,
			.changer_type_item#menu_type4:hover,
			.changer_type_item#menu_type4:active,
			.changer_type_item#menu_type4:visited
			{ width: 20% !important; }

			.changer_type_item#menu_agenda,
			.changer_type_item#menu_agenda:link,
			.changer_type_item#menu_agenda:hover,
			.changer_type_item#menu_agenda:active,
			.changer_type_item#menu_agenda:visited
			{ width: 20% !important; }

			.changer_type_item span
			{
				display:  				inline-block;
				padding:   				15px 10px;
				background-size:  		30px;
				background-repeat: 		no-repeat;
				background-position: 	30px 50%;
				text-align:  			left;
				padding-left:  			70px;
			}
			.changer_type_item i
			{
				font-style:   			normal;
				opacity:  				0.4;
			}
			.changer_type_item:first-child
			{
				border-left:  	0;
			}

			#commons_changer_type_content_localisation
			{
				margin-top:  			20px;
			}
			#commons_changer_type_content_localisation::after
			{
				content: 			" ";
				display: 			block;
				clear: 				both;
			}
			#commons_changer_type_content_localisation_input
			{
				float:   				left;
				width:  				100%;
				width:  				75%;
				border:  				1px solid rgba(0,0,0,0);
				padding:  				16px 10px;
				font-size:   			14pt;
				-moz-border-radius:		3px 0 0 3px;
				-webkit-border-radius:	3px 0 0 3px;
				border-radius:			3px 0 0 3px;
				background-color:  		#fff;
				background-position:  	10px 50%;
				background-size:  		48px;
				background-repeat:  	no-repeat;
				padding-left:  			60px;
				height:  				60px;
				-webkit-transition:		all .2s ease-out;
				-moz-transition:		all .2s ease-out;
				-o-transition:			all .2s ease-out;
				transition:				all .2s ease-out;
				cursor:					pointer;
			}
			#commons_changer_type_content_localisation_submit
			{
				float:  				right;
				width:   				25%;
				border:  				1px solid rgba(0,0,0,0);
				background-color:  		rgba(0,0,0,.2);
				padding:  				15px 10px;
				font-size:   			14pt;
				-moz-border-radius:		0 3px 3px 0;
				-webkit-border-radius:	0 3px 3px 0;
				border-radius:			0 3px 3px 0;
				color:  				#fff;
				height:  				60px;
				cursor:  				pointer;
				-webkit-transition:		all .2s ease-out;
				-moz-transition:		all .2s ease-out;
				-o-transition:			all .2s ease-out;
				transition:				all .2s ease-out;
				-webkit-appearance: 	none;
			}


		/*************************************
		 * Banner > Flag
		 *************************************/
		.page_flag_link span { display: none; }
		.page_flag_link,
		.page_flag_link:link,
		.page_flag_link:hover,
		.page_flag_link:active,
		.page_flag_link:visited
		{
			display:  				inline-block;
			width:  				30px;
			height:  				30px;
			-moz-border-radius:		50%;
			-webkit-border-radius:	50%;
			border-radius:			50%;
			background-repeat:  	no-repeat;
			background-position:  	center center;
			background-size:   		54px;
			margin-left:  			5px;
		}

		.page_flag_link.fr { background-image: url(../images/commons/fr.svg); }
		.page_flag_link.en { background-image: url(../images/commons/en.svg); }

	/*************************************
		 * Menu
		 *************************************/
	#commons_menu.display { display: block; }
	#commons_menu.visible { opacity: 1; }
	#commons_menu
	 {
		display: 			none;
		opacity:  			0;
		position:   		fixed;
		z-index:  			1000;
		top:  				0;
		left:  				0;
		right:  			0;
		bottom:  			0;
		background-color:  	rgba(0,0,0,.8);
		padding-top:		10vh;
		text-align:  		center;
		font-size:  		30pt;
		color:   			#fff;
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;
	 }


	#commons_menu a:link,
	#commons_menu a:hover,
	#commons_menu a:active,
	#commons_menu a:visited
	{
		display:  			block;
		opacity:  			0;
		color:  			#fff;
		position:   		relative;
		padding:  			60px 0;
		text-decoration: 	none;
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;
	}
	#commons_menu a.display:link,
	#commons_menu a.display:hover,
	#commons_menu a.display:active,
	#commons_menu a.display:visited
	{
		top:  				0;
		opacity:  			1;
		padding:  			10px 0;
	}

	#commons_menu_close
	{
		position: 	 			fixed;
		top:  					0;
		right:  				0;
		width:  				64px;
		height:  				64px;
		background-image: 		url(../images/commons/close.svg);
		background-position:	center center;
		background-repeat: 		no-repeat;
		background-size:  		32px;
		cursor:  				pointer;
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;
	}
	#commons_menu_close:hover
	{
		transform: rotate(180deg);
	}

/*************************************
 * Specifique a la home
 *************************************/
	#theme_default #commons_search
	{
		width:  			50%;
		padding-right:		20px;
	}

	#theme_default #search_bloc
	{
		width:  			100%;
	}

	/**********************************
	 * Pathfinder
	 **********************************/
	#commons_pathfinder
	{
		background-color: 		rgba(0,0,0,.02);
		border-bottom: 			1px solid rgba(0,0,0,.03);
	}

	#pathfinder
	{
		color: 			#02232C;
		padding: 		10px 0;
		font-size: 		10pt;
	}
	#pathfinder ol
	{
		list-style-type: 		none;
		margin: 				0;
		padding: 				0;
	}
	#pathfinder li
	{
		list-style-type: 		none;
		display: 				inline-block;
	}
	#pathfinder li a:link,
	#pathfinder li a:hover,
	#pathfinder li a:active,
	#pathfinder li a:visited
	{
		color: 					#02232C;
		margin: 				0 5px;
	}
	#pathfinder li:first-child a:link,
	#pathfinder li:first-child a:hover,
	#pathfinder li:first-child a:active,
	#pathfinder li:first-child a:visited
	{
		margin-left: 			0;
	}

	#pathfinder li a.last:link,
	#pathfinder li a.last:hover,
	#pathfinder li a.last:active,
	#pathfinder li a.last:visited
	{
		color: 					#777;
	}

	/**************************
	 * Compare
	 **************************/
	.comparative_table
	{
		border-collapse: 		collapse;
		/*border: 				1px solid rgba(0,0,0,.1);*/
	}

	.comparative_table th
	{
		background-color: 		#EDA929;
		padding: 				10px 5px;
		font-size: 				9pt;
		color:					#fff;
		font-weight: 			600;
		border: 				1px solid rgba(0,0,0,.1);
	}

	.comparative_table tr
	{
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;
	}
	.comparative_table tr.mask
	{
		opacity: 				0;
	}
	.comparative_table tr.maskoff
	{
		display: 				none;
	}

	.comparative_table tr td
	{
		padding: 				5px 5px;
		font-size: 				9pt;
		color:					#555;
		font-weight: 			300;
		border: 				1px solid rgba(0,0,0,.1);
		text-align: 			center;
		background-color: 		#fff;
	}

	.comparative_table.oddeven tr td
	{
		border-top: 			0;
		border-bottom: 			0;
	}
	.comparative_table.oddeven tr:nth-child(odd) td
	{
		background-color: 		#F7F7F7;
	}
	.comparative_table.oddeven
	{
		border-bottom: 			1px solid rgba(0,0,0,.1);
	}
/*
	.comparative_table tr.premium td
	{
		background-color: 		rgba(237, 169, 41,.4) !important;
		color: 					#000;
		font-weight:   			600;
		border-top: 			1px solid rgba(0,0,0,.1);
		border-bottom: 			1px solid rgba(0,0,0,.1);
	}
	.comparative_table tr.premium:hover td
	{
		color:  #000 !important;
	}
*/
/**************************
 * Social Network
 **************************/
#commons_social
{
}
	#commons_social .commons_social_item span { display: none; }
	#commons_social .commons_social_item,
	#commons_social .commons_social_item:link,
  	#commons_social .commons_social_item:hover,
  	#commons_social .commons_social_item:active,
  	#commons_social .commons_social_item:visited
  	{
  		display: 				inline-block;
  		height: 				31px;
  		width: 					31px;
  		margin: 				0 5px;
  		background-repeat: 		no-repeat;
  		background-position: 	center center;
		background-size:  		20px;
		-moz-border-radius:		50%;
		-webkit-border-radius:	50%;
		border-radius:			50%;
		background-color:   	rgba(0,0,0,.2);
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
  	}
  		#commons_social .commons_social_facebook 	{ background-image: url(../images/social/facebook.png); }
  		#commons_social .commons_social_twitter 	{ background-image: url(../images/social/twitter.png); }
  		#commons_social .commons_social_instagram 	{ background-image: url(../images/social/instagram.png); }

  		#commons_social .commons_social_facebook:hover 	{ background-color: #3A5BA2; }
  		#commons_social .commons_social_twitter:hover	{ background-color: #1EBEF0; }
  		#commons_social .commons_social_instagram:hover	{ background-color: #FEB951;  }

/*************************************
 * Footer
 *************************************/
#commons_afterfooter
{
	padding:   			30px 0;
	color:  			#fff;
}
	#commons_afterfooter::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}

	#commons_afterfooter_info
	{
	}
	#commons_afterfooter_info strong
	{
		font-size:  		14pt;
		font-weight:  		500;
	}
	#commons_afterfooter_menu
	{
		padding:   			5px 0;
	}
	#commons_social
	{
		padding:   		10px 0;
	}
	#commons_social .commons_social_item,
	#commons_social .commons_social_item:link,
	#commons_social .commons_social_item:hover,
	#commons_social .commons_social_item:active,
	#commons_social .commons_social_item:visited
	{
		margin: 		 	0;
		margin-right: 		5px;
		cursor:  			pointer;
	}
	#commons_social .commons_social_item:hover
	{
		text-decoration: 	underline;
	}

	#commons_afterfooter_text
	{
		float:   		left;
		width:   		45%;
	}
	#afterfooter_realisation_bloc
	{
		float:  		right;
		width:   		45%;
	}

	#commons_afterfooter_realisation,
	#commons_afterfooter_seo
	{
		float:   		right;
		width:   		130px;
		margin-top:  	17px;
		margin-left:  	30px;
	}
	#commons_afterfooter_menu span,
	#commons_afterfooter_menu a:link,
	#commons_afterfooter_menu a:hover,
	#commons_afterfooter_menu a:active,
	#commons_afterfooter_menu a:visited
	{
		cursor:  		pointer;
	}
	#commons_afterfooter_menu span:hover
	{
		text-decoration: 	underline;
	}


@media only screen /* Smartphone Horizontal */
and (max-width : 1400px)
{
	#commons_afterfooter
	{
		padding:   			30px 15px;
	}
}
@media only screen /* Smartphone Horizontal */
and (max-width : 700px)
{
	#theme_default #commons_search input[type="text"]
	{
		font-size: 10pt;
	}

	.desktop
	{
		display: none !important;
	}

	.mobile
	{
		display: block !important;
	}

	#commons_afterfooter
	{
		padding: 30px 0;
	}

	#commons_afterfooter_text,
	#commons_afterfooter_realisation,
	#commons_afterfooter_seo
	{
		float:         none;
		width:         auto;
		margin-bottom: 30px;
	}

	#commons_afterfooter_menu
	{
		padding: 10px 30px;
	}

	#commons_afterfooter_info
	{
		padding: 10px 30px;
	}

	#commons_afterfooter_menu span,
	#commons_afterfooter_menu a:link,
	#commons_afterfooter_menu a:hover,
	#commons_afterfooter_menu a:active,
	#commons_afterfooter_menu a:visited
	{
		display: block;
		margin:  5px 0;
		cursor:  pointer;
	}

	#commons_afterfooter_menu span:hover
	{
		text-decoration: underline;
	}

	#commons_afterfooter_menu .afterfooter_separator
	{
		display: none;
	}

	#commons_social
	{
		float:            none;
		padding:          10px 0;
		margin:           30px 0;
		text-align:       center;
		background-color: rgba(0, 0, 0, .1);
	}

	#commons_afterfooter_realisation,
	#commons_afterfooter_seo
	{
		max-width: 150px;
		margin:    10px auto;
	}

	#afterfooter_realisation_bloc
	{
		float:      none;
		margin:     20px 20px;
		text-align: center;
	}

	#afterfooter_realisation_bloc,
	#commons_afterfooter_info
	{
		width: auto;
	}

	#commons_afterfooter_realisation,
	#commons_afterfooter_seo
	{
		display: inline-block;
		margin:  5px 5px;
	}
}

@media only screen /* Smartphone Horizontal */
and (max-width : 500px)
{
	#commons_changer_type_content_localisation_input,
	#commons_changer_type_content_localisation_submit
	{
		float: 					none;
		width: 					100%;
		-moz-border-radius:		3px;
		-webkit-border-radius:	3px;
		border-radius:			3px;
	}
	#commons_changer_type_content_localisation_input
	{
		margin-bottom:  		20px;
	}
}