/*************************************
 * Header
 *************************************/
#paillote_list_header
{
	position:     		absolute;
	z-index:  			0;
	top:  				250px;
	left:  				0;
	right:  			0;
	text-align:  		center;
	color:   			#fff;
	text-shadow:  		1px 1px 3px rgba(0,0,0,.2);
}
	#paillote_list_header h1
	{
		font-size:  		30pt;
		position:  			relative;
		z-index:  			0;
	}
	#paillote_list_header span
	{
		display: 			block;
	}

	#paillote_list_header *
	{
		color:   			#fff !important;
	}


/*************************************
 * Paillote List
 *************************************/
#paillote_list
{

}
	/*************************************
	 * Bloc Info Nb
	 *************************************/
	#paillote_list_info
	{
		position:   			relative;
		z-index:  				0;
		top:  					-50px;
		max-width:  			500px;
		text-align:  			center;
		margin:  				0 auto;
		background-color:  		#fff;
		padding:  				30px 40px;
		font-size:  			18pt;
		font-weight: 			600;
		-moz-border-radius:		3px;
		-webkit-border-radius:	3px;
		border-radius:			3px;
		box-shadow:  			1px 1px 6px rgba(0,0,0,.2);
	}

	#paillote_list_info .nb_paillote_localisation
	{
		display:  				block;
	}
	#paillote_list_info i
	{
		display:  				inline-block;
		font-size:  			12pt;
		font-style:  			normal;
		color:  				#777;
		background-image: 		url(../images/paillote/icon_localisation.svg);
		background-position:	left;
		background-repeat: 		no-repeat;
		background-size:  		20px;
		padding:  				2px 0;
		padding-left:  			25px;
	}

	/**************************
	 * Advert
	 **************************/
	#paillote_list_advert:empty { display: none; }
	#paillote_list_advert
	{
		margin: 			20px 0;
		text-align: 		center;
	}
	
	
	#paillote_list_main_zoom_bloc h2
	{
		font-size: 			15pt;
		padding: 			0 10px 20px 10px;
		margin: 			0;
	}
	
	/**************************
	 * Header
	 **************************/
	#paillote_list_header
	{
		margin-bottom: 		30px;
	}
	#paillote_list_header::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
		#paillote_list_header_title
		{
		}
		#paillote_list_header_title h1
		{
			position:  				relative;
			text-transform: 		none;
		}
		#paillote_list_header_title h1 span
		{
			margin-left: 		10px;
			opacity: 			0.6;
		}
			#paillote_list_header_title
			{
			}
			#paillote_list_header_discover:empty { display: none; }
			#paillote_list_header_discover
			{
				margin: 			10px 0;
				padding: 			10px 30px;
				background-color: 	#F7F7F7;
				font-size: 			11pt;
			}
			#paillote_list_header_discover a:link,
			#paillote_list_header_discover a:hover,
			#paillote_list_header_discover a:active,
			#paillote_list_header_discover a:visited
			{
				display: 				inline-block;
				border:		 			1px solid #D8306B;
				color: 					#D8306B;
				padding: 				4px 20px;
				font-weight: 			600;
				-moz-border-radius:		3px;
				-webkit-border-radius:	3px;
				border-radius:			3px;
				margin: 				5px 5px;
				text-decoration: 		none;
			}
			#paillote_list_header_discover a span
			{
				opacity: 			0.5;
			}
			
			#paillote_list_header_description
			{
				font-size: 			12pt;
				line-height:  		1.8;
				text-align: 		justify;
				padding:  			100px 0;
				background-color: 	#fff;
				color:  			#aaa;
				margin-top:  		50px;
			}
			
			#paillote_list_header_description .button:link,
			#paillote_list_header_description .button:hover,
			#paillote_list_header_description .button:active,
			#paillote_list_header_description .button:visited
			{
				display:  	inline-block;
				float: 		none;
				margin-top: 25px;
			}
			
			#paillote_list_header .button:empty
			{
				display: 		none;
			}
			
		#paillote_list_header_context
		{
			float: 				right;
			width: 				30%;
			padding-left: 		30px;
			border-left: 		1px solid rgba(0,0,0,.2);
		}
			#paillote_list_alaune_title
			{
				color: 			#ccc;
				font-size: 		18pt;
				font-weight: 	600;
			}

			
	/**************************
	 * Main Part
	 **************************/
	#paillote_list_main
	{
	
	}
	#paillote_list_main::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	
		/**************************
		 * Filters
		 **************************/
		#paillote_list_main_context
		{
			position: 			relative;
			float: 				left;
			width: 				25%;
		}	
		
			#paillote_list_filter_bloc
			{
				/*background-color: 	rgba(0,0,0,.03);*/
				background-color: 		#fff;
				padding: 				10px 20px;
				padding-bottom: 		35px;
				-moz-border-radius:		2px;
				-webkit-border-radius:	2px;
				border-radius:			2px;
				border:  				1px solid rgba(0,0,0,.15);
			}
		
			#paillote_list_filter_bloc.fixed
			{
				position: 			absolute;
				top: 				0;
				left: 				0;
				right: 				0;
				max-height: 		100vh;
				overflow-y: 		auto;
				padding-bottom: 	30px;
			}
			
			/**************************
			 * Utile uniquement pour mode mobile
			 **************************/
			#paillote_list_filter_button_show,
			#paillote_list_filter_button_hide
			{
				display: 			none;
			}
		
			
			#paillote_list_main_context .filter_title
			{
				position:  				relative;
				font-weight: 			500;
				margin-top: 			15px;
				margin-bottom:  		15px;
				background-color:  		#696969;
				color:   				#fff;
				padding:  				5px 15px;
				font-size:   			11pt;
				box-shadow:   			1px 1px 3px rgba(0,0,0,.2);
			}

			#paillote_list_main_context .filter_title .filter_clear
			{
				display:  				none;
				position:  				absolute;
				top:  					0;
				right:  				0;
				bottom:  				0;
				width:  				30px;
				background-image: 		url(../images/commons/clear2.svg);
				background-position:	center center;
				background-repeat: 		no-repeat;
				background-size:  		24px;
				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;
			}
			#paillote_list_main_context .filter_title .filter_clear.visible
			{
				display:  				block;
			}

			#paillote_list_main_context .filter_item
			{
				-moz-appearance: 		none;
				-webkit-appearance: 	none;
			    background-color: 		#fff;
			    background-image: 		url("../images/commons/dropdown.png");
			    background-position: 	right center;
			    background-repeat: 		no-repeat;
			    background-size: 		32px;
			    border: 				1px solid rgba(0,0,0,.2);
			    color: 					#777;
			    color: 					#000;
			    font-family: 			"Raleway",Arial;
			    font-size: 				9pt;
			    font-weight: 			600;
			    margin: 				5px 0;
			    padding: 				7px 10px;
			    text-transform: 		uppercase;
			    width: 					100%;
			    -moz-border-radius:		2px;
			    -webkit-border-radius:	2px;
			    border-radius:			2px;
			}
			
			/**************************
			 * Filter Services / Categories
			 **************************/
			 ul#filter_checkbox,
			 ul#filter_checkbox li
			 {
			 	margin: 			0;
			 	padding: 			0;
			 	list-style-type: 	none;
			 }
			 
				 ul#filter_checkbox li.filter_list_item
				 {
				 	position: 		relative;
				 	color: 			#777;
					padding:  		8px 0;
					 margin-right:  30px;
			 		cursor: 		pointer;
					border-bottom:  1px solid rgba(0,0,0,.15);
				 }
				ul#filter_checkbox li.filter_list_item span
				{
					opacity: 				0.5;
				}
			 
				 ul#filter_checkbox li.filter_list_item:hover
				 {
				 	color: 			#555;
				 }
				 ul#filter_checkbox li.filter_list_item.selected
				 {
				 	font-weight: 	500;
				 	color: 			#222;
				 }
				 ul#filter_checkbox li.filter_list_item::before
				 {
				 	font-weight: 			400;
				 	position: 				absolute;
					 margin-right:  		-30px;
				 	top: 					5px;
				 	right: 					0;
				 	bottom: 				2px;
				 	width: 					16px;
				 	width: 					26px;
					height:  				26px;
			 		content: 				" ";
			 		background-color: 		#fff;
			 		display: 				block;
			 		line-height: 			13px;
			 		line-height: 			26px;
					 text-align:  			center;
			 		clear: 					both;
			 		color: 					#CB2D60;
			 		font-size: 				14pt;
					-moz-border-radius:		50%;
					-webkit-border-radius:	50%;
					border-radius:			50%;
			 		border: 				1px solid 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;
			 		
				 }
				 ul#filter_checkbox li.filter_list_item.selected::before
				 {
			 		content: 			"✔";
					 color: #fff !important;
			 		/*color: 				#CB2D60 !important;*/
				 }
				#theme_paillote ul#filter_checkbox li.filter_list_item.selected::before 	{ background-color: #BB2958; color: #fff;}
				#theme_restaurant ul#filter_checkbox li.filter_list_item.selected::before 	{ background-color: #40BFC4; }
				#theme_rooftop ul#filter_checkbox li.filter_list_item.selected::before 		{ background-color: #50C49C; }

				 ul#filter_checkbox li.filter_list_item::before
				 {
			 		content: 			"✔";
			 		color: 				#ccc;
				 }
				 ul#filter_checkbox li.filter_list_item:hover::before
				 {
			 		content: 			"✔";
			 		color: 				#555;
				 }
			
		/**************************
		 * LocalityList
		 **************************/
		ul.locality_list,
		ul.locality_list li
		{
			list-style-type: 		none;
			margin: 				0;
			padding: 				0;
			color: 					#333;
		}
			
		ul.locality_list
		{
			border-top: 			1px solid rgba(0,0,0,.1);
			padding-top: 			20px;
			margin-top: 			20px;
			margin-bottom: 			30px;
		}
		
		ul.locality_list li a:link,
		ul.locality_list li a:hover,
		ul.locality_list li a:active,
		ul.locality_list li a:visited
		{
			display: 			block;
			color: 				#888;
			font-size: 			10pt;
		}
				 
		
		/**************************
		 * List Items
		 **************************/
		#paillote_list_main_zoom_bloc
		{
			position: 				relative;
			float: 					right;
			width: 					75%;
			padding-left: 			2%;
			padding-bottom:  		50px;
		}
		
		#paillote_list_main_zoom_bloc::after
		{
			content: 				" ";
			position: 				absolute;
			top: 					0;
			left: 					0;
			right: 					0;
			opacity: 				0;
			bottom: 				0;
			z-index: 				-1;
			background-color: 		rgba(255,255,255,.9);
			background-position: 	50% 60px;
			background-repeat: 		no-repeat;
			-webkit-transition:		all .6s ease-out;
			-moz-transition:		all .6s ease-out;
			-o-transition:			all .6s ease-out;
			transition:				all .6s ease-out;
		}
		#paillote_list_main_zoom
		{
			position: 			relative;
		}
		#paillote_list_main_zoom::before
		{
			content: 			" ";
			display: 			block;
			clear: 				both;
		}
		#paillote_list_main_zoom.wait::after
		{
			content: 				" ";
			position: 				absolute;
			z-index: 				100;
			top: 					0;
			left: 					0;
			right: 					0;
			bottom: 				0;
			padding: 				20px 0;
			font-size: 				11pt;
			font-weight: 			700;
			color: 					#CB2D60;
			text-align: 			center;
			display: 				block;
			clear: 					both;
			position: 				absolute;
			z-index: 				10;
			background-color: 		rgba(255,255,255,.95);
			background-image: 		url(../images/paillote/wait.svg);
			background-position: 	50% 60px;
			background-repeat: 		no-repeat;
			padding-left: 			20px;
			opacity: 				1;
		}
		
		#paillote_list_main_zoom.empty
		{
			min-height: 			300px;
		}
		#paillote_list_main_zoom.empty::after
		{
			content: 				"Aucun résultat répondant à vos critères";
			position: 				absolute;
			z-index: 				99;
			top: 					0;
			left: 					0;
			right: 					0;
			bottom: 				0;
			padding: 				130px 0;
			font-size: 				16pt;
			font-weight: 			700;
			color: 					#CB2D60;
			text-align: 			center;
			display: 				block;
			clear: 					both;
			position: 				absolute;
			z-index: 				10;
			background-color: 		#F7F7F7;
			opacity: 				1;
		}
		
		/**************************
		 * Main > DisplayMode
		 **************************/
		 #paillote_list_display_mode
		 {
		 	float: right;
		 }
		 	#paillote_list_display_mode .display_item
		 	{
		 		display: 				inline-block;
		 		/*border: 				1px solid #CB2D60;*/
		 		font-size: 				10pt;
		 		color: 					#CB2D60;
		 		color: 					#fff;
		 		padding: 				4px 10px;
		 		-moz-border-radius:		2px;
		 		-webkit-border-radius:	2px;
		 		border-radius:			2px;
		 		margin: 				0 2px;
		 		cursor: 				pointer;
		 		background-repeat: 		no-repeat;
		 		padding-left: 			24px;	
		 		background-position: 	5px 50%;	 		
		 	}
		 	#paillote_list_display_mode .display_item:hover
		 	{
		 		/*background-color: 		#EDC7D3;*/
		 	}
			/*
		 	#paillote_list_display_mode .display_item.selected
		 	{
		 		background-color: 		#CB2D60;
		 		color: 					#fff;
		 	}
			*/
		 	#paillote_list_display_mode .display_item.normal { background-image: url(../images/paillote/filter-normal-selected.png);  }
		 	/*#paillote_list_display_mode .display_item.normal.selected { background-image: url(../images/paillote/filter-normal-selected.png);  }*/
		
		 	#paillote_list_display_mode .display_item.big { background-image: url(../images/paillote/filter-big-selected.png); }
		 	/*#paillote_list_display_mode .display_item.big.selected { background-image: url(../images/paillote/filter-big-selected.png); }*/
		
		 	#paillote_list_display_mode .display_item.comparator { padding-left: 30px;	background-image: url(../images/paillote/filter-comparator-selected.png); }
		 	/*#paillote_list_display_mode .display_item.comparator.selected { background-image: url(../images/paillote/filter-comparator-selected.png); }*/

			#paillote_list_display_mode .display_item { border: 2px solid rgba(255,255,255,.1); }
			#paillote_list_display_mode .display_item.selected { border: 2px solid rgba(0,0,0,.5); }

	/**************************
	 * List Item
	 **************************/
.paillote_list_item
{
	position: 				relative;
	display: 				block;
	float: 					left;
	width: 					48.5%;
	margin:	 				0 0 1.5% 1.5%;
	background-color:  		#fff;
	border:  				2px solid rgba(0,0,0,.1);
	text-decoration: 		none;
	-webkit-transition:		all .3s ease-out;
	-moz-transition:		all .3s ease-out;
	-o-transition:			all .3s ease-out;
	transition:				all .3s ease-out;
	cursor:  				pointer;
}
.paillote_list_item:hover
{
	box-shadow:  			1px 1px 6px rgba(0,0,0,.2);
}
.paillote_list_item::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

	.paillote_list_advert:link,
	.paillote_list_advert:hover,
	.paillote_list_advert:active,
	.paillote_list_advert:visited
	{
		position: 				relative;
		display: 				block;
		float: 					none;
		clear: 					both;
		width: 					98.5%;
		margin:	 				0 0 1.5% 1.5%;
		text-align: 			center;
	}
	/*
	.paillote_list_item.premium:link,
	.paillote_list_item.premium:hover,
	.paillote_list_item.premium:active,
	.paillote_list_item.premium:visited
	{
		background-color: 		#f8ebef;
		background-color: 		#fefafb;
	}
	*/
	.paillote_list_item.premium::before
	{
		content: 				" ";
		display: 				block;
		clear: 					both;
		position: 				absolute;
		z-index:  				1;
		top: 					0;
		left: 					0;
		right: 					0;
		bottom: 				0;
		border: 				2px solid rgba(0,0,0,.3);

		box-shadow:  			3px 3px 6px rgba(0,0,0,.3);
	}

	#theme_paillote 	.paillote_list_item.premium::before { border-color: #CB2D60; }
	#theme_restaurant 	.paillote_list_item.premium::before { border-color: #3EB4B9; }
	#theme_rooftop 		.paillote_list_item.premium::before { border-color: #59D5AA; }


	.paillote_list_item_label
	{
		position: 			absolute;
		z-index:  			1;
		top: 				-10px;
		right: 				-8px;
		padding: 			6px 15px;
		color: 				#fff;
		font-size: 			9pt;
		font-weight: 		500;
		background-color: 	#222;
		box-shadow: 		1px 1px 1px rgba(0,0,0,.3);
	}
	.paillote_list_item_label:empty
	{
		display: 			none;
	}
		
		
	.paillote_list_item.opened:link::before,
	.paillote_list_item.opened:hover::before,
	.paillote_list_item.opened:active::before,
	.paillote_list_item.opened:visited::before
	{
		content: 			attr(data-opened);
		display: 			block;
		clear: 				both;
		position: 			absolute;
		z-index: 			100;
		top: 				10px;
		right: 				-5px;
		padding: 			1px 5px;
		font-size: 			7pt;
		text-transform: 	uppercase;
		color: 				#fff;
		background-color: 	#70c437;
		-webkit-transform: 	rotate(45deg);
		-moz-transform: 	rotate(45deg);
		-ms-transform: 		rotate(45deg);
	}
	
	/**************************
	 * Webcam
	 **************************/
	 .paillote_list_item.webcam .paillote_list_item_picture
	 {
	 	position: 		relative;
	 }
	.paillote_list_item.webcam .paillote_list_item_picture::after
	{
		content: 				" ";
		display: 				block;
		clear: 					both;
	 	position: 				absolute;
		right: 					0;
		bottom: 				0;
		background-image: 		url(../images/paillote/webcam.png);
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size: 		16px;
		width: 					30px;
		height: 				30px;
		margin: 				3px;
		background-color:		#D8306B;
		-moz-border-radius:		50%;
		-webkit-border-radius:	50%;
		border-radius:			50%;
		/*
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
		*/
		-webkit-animation: 	blink 1s infinite; /* Safari 4+ */
		-moz-animation:    	blink 1s infinite; /* Fx 5+ */
		-o-animation:     	blink 1s infinite; /* Opera 12+ */
		animation:       	blink 1s infinite; /* IE 10+, Fx 29+ */
	 }
	 @keyframes blink
	 {
		  0%   { background-image: 		none; }
		  100% { background-image: 		url(../images/paillote/webcam.png); }
		}

	/**************************
	 * Mode plus grand
	 **************************/
	.big .paillote_list_item:link,
	.big .paillote_list_item:hover,
	.big .paillote_list_item:active,
	.big .paillote_list_item:visited
	{
		float:  				none;
		width: 					auto;
		margin:	 				0 0 1% 0;
	}
		
	.big .paillote_list_item_picture { 	height: 300px;  }
	.big .paillote_list_item_info	 {	height: 300px;	}
	
	
.paillote_list_item.mask,
.paillote_list_item.mask:link,
.paillote_list_item.mask:hover,
.paillote_list_item.mask:active,
.paillote_list_item.mask:visited
{
	opacity:	 		0;
	-webkit-transform: 	scale(0);
	-moz-transform: 	scale(0);
	-ms-transform: 		scale(0);
}

.paillote_list_item.maskoff,
.paillote_list_item.maskoff:link,
.paillote_list_item.maskoff:hover,
.paillote_list_item.maskoff:active,
.paillote_list_item.maskoff:visited
{
	display: 			none;
	/*
	-webkit-transform: 	scale(0);
	-moz-transform: 	scale(0);
	-ms-transform: 		scale(0);
	height: 			0;
	width: 				0;
	overflow: 			hidden;
	margin: 			0;
	*/
}


	.paillote_list_item_picture
	{
		float:  				left;
		width:  				55%;
		position: 				relative;
		height: 				220px;
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size: 		cover;
		overflow:				hidden;
		-moz-border-radius:		2px;
		-webkit-border-radius:	2px;
		border-radius:			2px;
		background-color: 		#eee;
	}
	.paillote_list_item_picture_hover
	{
		position: 				absolute;
		top: 					-50%;
		left: 					-50%;
		right: 					-50%;
		bottom: 				-50%;
		opacity: 				0;
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size: 		cover;
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	
	.paillote_list_item:hover .paillote_list_item_picture_hover
	{
		opacity: 			1;
		top: 				0;
		left: 				0;
		right: 				0;
		bottom: 			0;
	}
		.paillote_list_item_categories
		{
			position: 		absolute;
			bottom:	 		0;
			right: 			0;
		}
		
	.paillote_list_item_info
	{
		height: 				100px;
		padding:  				20px;
		background-color:  		#fff;
		float:  				right;
		width:  				45%;
	}
	
	.premium .paillote_list_item_info
	{
	}
	
		.paillote_list_item_name
		{
			font-weight: 		700;
			color: 				#CD2C60;
		}
		.paillote_list_item_name h3
		{
			font-size: 			12pt;
			font-weight: 		600;
			color:   			#555;
			margin: 			0;
			padding: 			0;
			text-transform:  	none;
		}
		.paillote_list_item_type
		{
			display: 		none;
		}
		.paillote_list_item_localisation
		{
			color: 			#BBB;
			font-weight:  	300;
			font-size: 		11pt;
			margin: 		2px 0;
		}
		.paillote_list_item_localisation::after
		{
			content: 			" ";
			display: 			block;
			clear: 				both;
			width:  			40px;
			border-bottom:  	2px solid #777;
			margin:  			5px 0;
			magrin-bottom:  	10px;
		}
		
			.paillote_list_item_localisation_distance:empty { display: none; }
			.paillote_list_item_localisation_distance span { opacity: 0.5; }
			.paillote_list_item_localisation_distance
			{
				float:   				right;
				font-size:  			8pt;
				background-color: 		#096;
				color: 					#fff;
				padding:  				1px 5px;
				margin-top:  			4px;
				-moz-border-radius:		2px;
				-webkit-border-radius:	2px;
				border-radius:			2px;
			}
			.paillote_list_item_localisation_city
			{
				color: 			#AAA;
			}
			.paillote_list_item_localisation_zipcode
			{
				display: 		none;
			}

			.paillote_list_item_openhour,
			.paillote_list_item_phone
			{
				font-size:   			9pt;
				color:  	 			#777;
				padding:  				3px 0;
				padding-left:  			20px;
				background-position:	left;
				background-repeat: 		no-repeat;
				background-size:   		12px;
			}
			.paillote_list_item_openhour
			{
				background-image: 		url(../images/paillote/icon_horaires.svg);
			}
			.paillote_list_item_phone
			{
				background-image: 		url(../images/paillote/icon_telephone.svg);
			}

			.paillote_list_item_button
			{
				font-size:   		10pt;
				width:  			100%;
				font-weight:  		500 !important;
				text-align:  		center;
			}


/**************************
 * Compmare Table > Specific
 **************************/
.comparative_table tr td:nth-child(1),
.comparative_table tr td:nth-child(2)
{
	text-align: 			left;
	min-width: 				150px;
}

/*
.comparative_table tr td:nth-child(1),
.comparative_table tr td:nth-child(2)
{
	background-color: 		#efefef;
}
.comparative_table tr:nth-child(odd) td:nth-child(1),
.comparative_table tr:nth-child(odd) td:nth-child(2)
{
	background-color: 		#dfdfdf;
}
*/


/**************************
 * Near
 **************************/
#paillote_near
{
	background-color: 		#fff;
	padding: 				30px 40px;
}
#paillote_near h2
{
	text-transform:   		none;
	margin:					10px 0;
}

.paillote_near_list
{

}
.paillote_near_list a:link,
.paillote_near_list a:hover,
.paillote_near_list a:active,
.paillote_near_list a:visited
{
	display: 				inline-block;
	color: 					#eee;
	background-color: 		#555;
	margin: 				5px 2px;
	padding: 				9px 15px;
	-moz-border-radius:		2px;
	-webkit-border-radius:	2px;
	border-radius:			2px;
}
.paillote_near_list a span
{
	margin-left: 		5px;
	opacity: 			0.5;
}


/***************************
 *
 * Responsive
 *
 ***************************/
/*and (max-width : 700px)*/
@media only screen /* Smartphone Horizontal */
and (max-width : 1030px)
{
	#paillote_list_advert
	{
		margin: 			10px 0;
	}
	#paillote_list_header
	{
		text-align: 		center;
		margin: 			5px 0;
	}
	#paillote_list_header_title h1
	{
		font-size: 			11pt;
		font-weight: 		normal;
		color: 				#777;
		margin: 			5px 0;
		font-weight: 		600;
	}
	#paillote_list_header_title h1 span
	{
		opacity: 			0.5;
		font-size: 			9pt;
		font-weight: 		400;
		margin-left: 		7px;
	}


	#paillote_list_header_discover
	{
		display: 			none;
	}

	
	#paillote_list_header_title,
	#paillote_list_header_context
	{
		float: 				none;
		width: 				auto;
		padding-left: 		0;
		border-left: 		0;
	}
	
	#paillote_list_main_context,
	#paillote_list_main_zoom_bloc
	{
		float: 				none;
		width: 				auto;
		padding:	 		0;
	}
	
			#paillote_list_filter_bloc.fixed
			{
				position: 			static;
				margin-top: 		0 !important;
			}
		
		
	/**************************
	 * Filter
	 **************************/	
	#paillote_list_filter_button_show,
	#paillote_list_filter_button_hide
	{
		display: 			block;
		font-size: 			14pt;
		text-align: 		center;
		margin-right: 		0;
	}
	#paillote_list_filter_button_show
	{
		margin-right: 		1.5%;
	}
	
	#paillote_list_filter_bloc		
	{
		display: 			none;
	}
	
	#paillote_list_filter_bloc.visible	
	{
		display: 			block;
		position: 			fixed;
		z-index: 			10000;
		overflow-y:			auto;
		-webkit-overflow-scrolling: touch;
		top: 				0;
		left: 				0;
		right: 				0;
		bottom: 			0;
		background-color: 	#F7F7F7;
		padding-bottom: 	100px;
	}
	#paillote_list_filter_bloc.visible #paillote_list_filter_button_hide
	{
		position: 				fixed;
		left: 					0;
		right: 					0;
		bottom: 				0;
		-moz-border-radius:		0;
		-webkit-border-radius:	0;
		border-radius:			0;
		margin: 				0;
		padding: 				15px 0;
		box-shadow: 			0 0 5px rgba(0,0,0,.3);
	}
	
	#paillote_list_display_mode
	{
		float: 				none;
		text-align: 		center;
		margin: 			10px 0;
	}
	
	#paillote_list_main_zoom_bloc h2
	{
		display: 			none;
	}

		#paillote_list_main_context .filter_title
		{
		 	font-size: 			20pt;
		 	margin-top: 		20px;
		}
	
		 ul#filter_checkbox li.filter_list_item
		 {
		 	font-size: 			13pt;
		 	margin: 			5px;
		 }
		 
		 /**************************
		  * Select
		  **************************/
		 #paillote_list_main_context .filter_item
		 {
		 	font-size: 		12pt;
		 	padding: 		10px 10px;
		 	margin: 		20px 0;
		 }
		
	/**************************
	 * LocalityList
	 **************************/
	ul.locality_list,
	ul.locality_list li
	{
		list-style-type: 		none;
		margin: 				0;
		padding: 				0;
		color: 					#333;
	}
	ul.locality_list li
	{
		display: 				inline-block;
	}
	
	ul.locality_list
	{
		border-top: 			0;
		padding-top: 			0;
		margin: 				10px 0;
	}
	
	ul.locality_list li a:link,
	ul.locality_list li a:hover,
	ul.locality_list li a:active,
	ul.locality_list li a:visited
	{
		display: 				inline-block;
		color: 					#888;
		background-color: 		#eee;
		padding: 				3px 5px;
		margin-right: 			2px;
		margin-bottom: 			2px;
		font-size: 				8pt;
		/*white-space: 			nowrap;*/
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		border-radius:			5px;
	}
			 
			 
		 	
	/**************************
	 * List Item
	 **************************/
	.paillote_list_item,
	.paillote_list_item:link,
	.paillote_list_item:hover,
	.paillote_list_item:active,
	.paillote_list_item:visited
	{
		float: 					left;
		width: 					48.5%;
		margin:	 				0 1.5% 1.5% 0;
	}
		
	
	 ul#filter_checkbox li.filter_list_item.selected::before,
	 ul#filter_checkbox li.filter_list_item.selected:hover::before
	 {
 		content: 			"✔";
 		color: 				#CB2D60 !important;
	 }
	 ul#filter_checkbox li.filter_list_item:hover::before
	 {
 		content: 			" ";
 		color: 				#aaa;
	 }
		
	 	/**************************
	 * Mode plus grand
	 **************************/
	.big .paillote_list_item,
	.big .paillote_list_item:link,
	.big .paillote_list_item:hover,
	.big .paillote_list_item:active,
	.big .paillote_list_item:visited
	{
		float: 					none;
		width: 					auto;
		margin:	 				0;
	}
		
	.big .paillote_list_item_picture { 	height: 270px;  }
	.big .paillote_list_item_info	 {	height: 90px;	}
	
	
	 
	/**************************
	 * Comparateur
	 **************************/
	 #paillote_comparative_bloc
	 {
	 	overflow-x: 			auto;
	 }
	 .footable-sortable
	 {
	 	min-width: 				100px;
	 }

	ul#filter_checkbox li.filter_list_item
	{
		margin-right:   0;
	}
	ul#filter_checkbox li.filter_list_item::before
	{
		margin-right:  	0;
	}
}


/*and (max-width : 700px)*/
@media only screen /* Smartphone Horizontal */
and (max-width : 800px)
{
	#paillote_list_info
	{
		top:   				-30px;
		padding:  			20px;
		font-size:   		14pt;
	}

	.paillote_list_item.premium,
	.paillote_list_item.premium:link,
	.paillote_list_item.premium:hover,
	.paillote_list_item.premium:active,
	.paillote_list_item.premium:visited,
	.paillote_list_item,
	.paillote_list_item:link,
	.paillote_list_item:hover,
	.paillote_list_item:active,
	.paillote_list_item:visited
	{
		float: 					none;
		width: 					auto;
		margin:	 				15px 0;
	}

}

/*and (max-width : 700px)*/
@media only screen /* Smartphone Horizontal */
and (max-width : 1220px)
and (min-width : 1030px)
{
	.paillote_list_item.premium,
	.paillote_list_item.premium:link,
	.paillote_list_item.premium:hover,
	.paillote_list_item.premium:active,
	.paillote_list_item.premium:visited,
	.paillote_list_item,
	.paillote_list_item:link,
	.paillote_list_item:hover,
	.paillote_list_item:active,
	.paillote_list_item:visited
	{
		float: 					none;
		width: 					auto;
		margin:	 				15px 0;
	}

}

@media only screen /* Smartphone Horizontal */
and (max-width : 500px)
{
	.paillote_list_item_picture,
	.paillote_list_item_info
	{
		float:  			none;
		width:  			auto;
	}
	.paillote_list_item_info
	{
		height:  		auto;
	}

}