/*************************************
 * Title
 *************************************/
#paillote_zoom_title
{
	position:   			relative;
	top:  					-70px;
	max-width:  			500px;
	text-align:  			center;
	margin:  				0 auto;
	background-color:  		#fff;
	padding:  				25px 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_zoom_title h1
{
	line-height:  			1;
	text-transform:  		none;
}

#theme_paillote #commons_zoom
{
	padding:  					20px 0;
	background-color:    		#f2f2f2;
}

#paillote_zoom_connexion
{
	position:  					relative;
	top:  						-80px;
	float: 						right;
}

	/**********************************
	 * Localisation
	 **********************************/
	#paillote_zoom_localisation
	{
		display:  				inline-block;
		/*font-size:  			11pt;*/
		/*color:  				#777;*/
		background-image: 		url(../images/paillote/icon_localisation.svg);
		background-position:	0 5px;
		background-repeat: 		no-repeat;
		background-size:  		16px;
		padding:  				2px 0;
		padding-left:  			25px;
	}


#paillote_zoom_banner
{
	position:  				relative;
	top:  					-100px;
	-moz-border-radius:		15px;
	-webkit-border-radius:	15px;
	border-radius:			15px;
	padding:  				20px 30px;
	background-color:  		#fff;
	text-align:  			left;
	box-shadow:  			2px 2px 30px rgba(0,0,0,.6);
}
#paillote_zoom_banner::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

#paillote_zoom_premium_banner_col1,
#paillote_zoom_premium_banner_col2,
#paillote_zoom_premium_banner_col3
{
	float:  			left;
	width:  			33%;
}


#paillote_zoom_diaporama .highslide:link,
#paillote_zoom_diaporama .highslide:hover,
#paillote_zoom_diaporama .highslide:active,
#paillote_zoom_diaporama .highslide:visited
{
	display:  				block;
	height:  				400px;
	background-color: #eee;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
}
#paillote_zoom_diaporama
{
	margin:   	20px 20px 0 0;
}



/**********************************
 * Bandeau blanc
 **********************************/
#commons_zoom_wrap.commons_wrap
{
	max-width: 		none;
	margin: 		0;
}

	#commons_pathfinder_wrap,
	#paillote_zoom_header
	{
	}
	#paillote_zoom_header
	{
		padding-bottom: 	0;
	}
	
	#paillote_zoom_header h1
	{
		font-size: 			40pt;
		line-height: 		35pt;
		font-weight: 		700;
		text-transform: 	uppercase;
		padding: 			5px 0;
		margin: 			0;
		margin-bottom: 		0;
	}

		/*************************************
		 * Notation
		 *************************************/
		#paillote_zoom_notation
		{
			text-align:  		center;
			margin-bottom:  	50px;
		}
		#paillote_zoom_notation .notation
		{
			display:   		inline-block;
			margin:   		0 5px;
		}
		#paillote_zoom_notation .notation_button
		{

		}
		#paillote_zoom_header #paillote_zoom_notation img
		{
			width: 				18px;
		}
		
		.paillote_content_item
		{
			padding-bottom: 	50px;
		}
		.paillote_content_item::after
		{
			content: 		" ";
			display: 		block;
			clear: 			both;
		}
	
	/**********************************
	 * Navigation
	 **********************************/
	 #paillote_zoom_menu
	 {
	 	white-space: 		nowrap;
	 	overflow-x: 		auto;
	 	overflow-y: 		hidden;
		-webkit-overflow-scrolling: touch;
		 text-align:  		center;
	 }
		 
		 #paillote_zoom_menu ul,
		 #paillote_zoom_menu li
		 {
		 	list-style-type: 	none;
		 	margin: 			0;
		 	padding: 			0;
		 }
		 #paillote_zoom_menu li:empty{display: none; }
		 #paillote_zoom_menu li
		 {
		 	display: 			inline-block;
		 	padding: 			8px 0 4px 0;
		 	margin-right: 		40px;
		 	font-size: 			11pt;
		 	font-weight: 		600;
		 	color: 				#02232C;
		 	cursor: 			pointer;
		 	border-bottom: 		4px solid rgba(0,0,0,.01);
		 	-webkit-transition:	all .2s ease-out;
		 	-moz-transition:	all .2s ease-out;
		 	-o-transition:		all .2s ease-out;
		 	transition:			all .2s ease-out;
		 }
		 #paillote_zoom_menu li.selected,
		 #paillote_zoom_menu li.selected:hover
		 {
		 	border-bottom: 		4px solid #CB2D60;
		 	color: 				#CB2D60;
		 }
		 #paillote_zoom_menu li:hover
		 {
		 	border-bottom: 		4px solid #02232C;
		 }
		 
	/**********************************
	 * Navigation > Content
	 **********************************/
	 #paillote_zoom
	 {
	 	position:				relative;
	 	min-height: 			350px;
	 	margin: 				30px auto;
	 }
	 .paillote_content_item
	 {
	 	display: 			none;
	 	/*
	 	border: 			1px dotted #aaa;
	 	padding: 			10px;
	 	*/
	 	margin: 			10px 0;
	 }
	 .paillote_content_item.selected
	 {
	 	display: 			block;
	 }
	 

/******************************************************************************
 * 
 * Premium : Home
 * 
 ******************************************************************************/
	#paillote_zoom_hometop::after
	{
		content: 		" ";
		display: 		block;
		clear: 			both;
	}

	#paillote_zoom_hometop
	{
		background-color:  	#fff;
		border: 			1px solid rgba(0,0,0,.1);
	}

	#paillote_zoom_photo
	{
	 	float: 				left;
	 	width: 				60%;
	 	padding: 			0;
		vertical-align:		baseline;
	}
	#paillote_zoom_contact_desktop
	{
		float: 				right;
		width: 				40%;
	 	padding: 			30px;
	}
	
	.paillote_bloc,
	#paillote_zoom_main
	{
		/*background-color: 	#fff;*/
		/*padding: 			70px 120px;*/
		margin: 			20px 0;
		font-size: 			12pt;
		line-height: 		150%;
		/*border:  			1px solid rgba(0,0,0,.1);*/
	}

	
	/**********************************
	 * Diaporama
	 **********************************/
	 #slides
	 {
	 	position: 				relative;
	 }
	 	.slick-dots
		{
			position:  			absolute;
			left:  				0;
			right:  			0;
			bottom:  			30px !important;
		}

		#slides img
		{
		}

	 /*.slidesjs-container*/
	 /*{*/
	 /*}*/
	 /*.slidesjs-container .slidesjs-slide*/
	 /*{*/
	 	/*!*width: 					85% !important;*!*/
	 /*}*/
	 /*.slidesjs-navigation*/
	 /*{*/
	 	/*display: 				none !important;*/
	 /*}*/
	 /*ul.slidesjs-pagination*/
	 /*{*/
		 /*display:  	none;*/
	 /*}*/
	 /*.test*/
	 /*{*/
	 	/*position: 				absolute;*/
		 /*display:   			none;*/
	 	/*z-index: 				100;*/
	 	/*background-color: 		#fff;*/
	 	/*top: 					0;*/
	 	/*right: 					0;*/
	 	/*bottom: 				0;*/
	 	/*height: 				100%;*/
	 	/*width: 					15%;*/
	 	/*overflow:	 			hidden;*/
	 	/*display: 				block;*/
	 	/*margin: 				0;*/
	 	/*padding: 				0;*/
	 	/*list-style-type: 		none;*/
	 	/*!*padding: 				2px;*!*/
	 /*}*/
	 /*.slidesjs-pagination-item */
	 /*{*/
	 	/*position: 				relative;*/
		/*width: 					100%;*/
	 	/*height: 				55px;*/
	 	/*height: 				19.8%;*/
	 	/*background-repeat: 		no-repeat;*/
	 	/*background-position: 	center center;*/
	 	/*margin-bottom: 			2px;*/
	 	/*margin-left: 			2px;	 	*/
	 	/*-webkit-transition:		all .2s ease-out;*/
	 	/*-moz-transition:		all .2s ease-out;*/
	 	/*-o-transition:			all .2s ease-out;*/
	 	/*transition:				all .2s ease-out;*/
	 /*}*/
	 /*.slidesjs-pagination-item:hover*/
	 /*{*/
	 	/*opacity: 				0.8;*/
	 /*} */
	 /*.slidesjs-pagination-item a:link,*/
	 /*.slidesjs-pagination-item a:hover,*/
	 /*.slidesjs-pagination-item a:active,*/
	 /*.slidesjs-pagination-item a:visited*/
	 /*{*/
	 	/*display: 				block;*/
	 	/*position: 				absolute;*/
	 	/*top: 					0;*/
	 	/*left: 					0;*/
	 	/*right: 					0;*/
	 	/*bottom: 				0;*/
	 	/*opacity: 				0;*/
	 	/**/
	 /*}*/
	
	
	/**********************************
	 * Webcam
	 **********************************/
	#paillote_zoom_webcam:empty { display: none; }
	#paillote_zoom_webcam
	{
		position: 				relative;
		/*border: 				5px solid #D8306B;*/
		margin-bottom: 			20px;
		/*
		-moz-border-radius:		3px;
		-webkit-border-radius:	3px;
		border-radius:			3px;
		*/
	}
	#paillote_zoom_webcam::after
	{
		content: 				" ";
		display: 				block;
		clear: 					both;
		position: 				absolute;
		right: 					0;
		bottom: 				0;
		z-index: 				100;
		background-image: 		url(../images/paillote/webcam.png);
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size: 		32px;
		width: 					30px;
		height: 				40px;
	}
	#paillote_zoom_webcam h2
	{
		font-size: 			9pt;
		padding: 			0 0 4px 0;
		margin: 			0 !important;
		/*background-color: 	#D8306B;
		color: 				#fff !important;*/
		color: 				#074A5D !important;
		text-align: 		left;
	}
	#paillote_zoom h2
	{
		font-size: 			16pt;
		color: 				#333 !important;
		text-transform:   	none;
		text-align: 		left;
	}
		
	
	/**********************************
	 * Part Contact
	 **********************************/

	.paillote_list_item_noteprice
	{
		margin-left:   		30px;
	}

	/**********************************
	 * Map
	 **********************************/
	#openmaps:link,
	#openmaps:hover,
	#openmaps:active,
	#openmaps:visited
	{
		position: 				relative;
		display: 				block;
		clear: 					both;
	}	
		#openmaps::after
		{
			content: 			"Accès au plan";
			display: 			block;
			padding: 			10px;
			text-shadow: 		1px 1px 1px rgba(0,0,0,.6);
			font-weight: 		700;
			font-size: 			14pt;
			color: 				#fff;
			clear: 				both;
			position: 			absolute;
			top: 				0;
			left: 				0;
			background-color: 	rgba(0, 0, 0, .2);
		}
	
	
	/**********************************
	 * Contact > Phone
	 **********************************/
	#paillote_zoom_resa_desktop
	{
		display:  				none;
		background-image: 		url(../images/paillote/book.svg);
		background-position: 	10px 50%;
		background-repeat: 		no-repeat;
		background-size:  		24px;
		background-color:  		#4EC11D;
		color:  				#fff;
		padding: 				5px 15px;
		padding-left: 			40px;
		cursor: 				pointer;
		text-align:  			left;
		-moz-border-radius:		6px;
		-webkit-border-radius:	6px;
		border-radius:			6px;
		font-weight:  			500;
		font-size:   			12pt;
		margin-bottom:  		10px;
		text-decoration:  		none;
	}

	.resa #paillote_zoom_resa_desktop
	{
		display:  				inline-block;
		min-width:				250px;
	}
	#paillote_zoom_resa_desktop span
	{
		display:  				block;
		font-size:  			8pt;
		opacity:  				0.7;
		font-weight:  			200;
	}

	#paillote_zoom_phone
	{
		display:  				inline-block;
		background-image: 		url(../images/paillote/icon_telephonew.svg);
		background-position: 	10px 50%;
		background-repeat: 		no-repeat;
		background-size:  		24px;
		padding: 				5px 15px;
		padding-left: 			40px;
		font-size: 				9pt;
		cursor: 				pointer;
		text-align:  			left;
		-moz-border-radius:		6px;
		-webkit-border-radius:	6px;
		border-radius:			6px;
		min-width:				250px;
	}
		#paillote_zoom_phone #paillote_zoom_phone_button strong
		{
			display:  				block;
			font-weight:  			500;
			font-size:   			12pt;
			color:   				#fff;
		}
		#paillote_zoom_phone #paillote_zoom_phone_button
		{
			display:  				block;
			font-weight:  			300;
			font-size:   			8pt;
			padding:  				5px 5px;
			color:   				rgba(255,255,255,.5);

		}
		#paillote_zoom_phone #paillote_zoom_phone_numero
		{
			display: 			none;
			font-weight: 		500;
			font-size: 			16pt;
		}
		#paillote_zoom_phone #paillote_zoom_phone_numero span
		{
			color: 					#fff;
		}
		#paillote_zoom_phone #paillote_zoom_phone_numero span a:link,
		#paillote_zoom_phone #paillote_zoom_phone_numero span a:hover,
		#paillote_zoom_phone #paillote_zoom_phone_numero span a:active,
		#paillote_zoom_phone #paillote_zoom_phone_numero span a:visited
		{
			color: 					#fff;
		}
		
		#paillote_zoom_phone_mobile_top,
		#paillote_zoom_phone_mobile_bottom
		{
			text-align:		center;
			color: 			#fff;
			font-size: 		9pt;
		}
	
	
	/**********************************
	 * Contact > Service Icon
	 **********************************/
	#paillote_zoom_contact_desktop,
	#paillote_zoom_contact_mobile
	{
		background-color: 	#fff;
		text-align: 		left;
	}
	
	
		#paillote_zoom_contact_desktop .address:link,
		#paillote_zoom_contact_desktop .address:hover,
		#paillote_zoom_contact_desktop .address:active,
		#paillote_zoom_contact_desktop .address:visited,
		#paillote_zoom_contact_mobile .address:link,
		#paillote_zoom_contact_mobile .address:hover,
		#paillote_zoom_contact_mobile .address:active,
		#paillote_zoom_contact_mobile .address:visited
		{
			display:   				block;
			text-decoration:		none;
			font-size: 				10pt;
			margin: 				0;
			padding: 				15px 0;
			padding-left: 			35px;
			background-position: 	10px 50%;
			background-image: 		url(../images/paillote/icon_localisation.svg);
			background-repeat: 		no-repeat;
		}
		#paillote_zoom_contact_desktop .address div,
		#paillote_zoom_contact_mobile .address div
		{
			display: 		inline-block;
		}
		
		#paillote_zoom_openhour_desktop,
		#paillote_zoom_openhour_mobile
		{
			font-size: 				10pt;
			margin: 				0;
			padding: 				15px 0;
			padding-left: 			25px;
			background-image: 		url(../images/paillote/icon_horaires.svg);
			background-repeat: 		no-repeat;
			background-position: 	0 center;
			background-size:  		16px;
		}
		
		
		#paillote_zoom_phone_desktop,
		#paillote_zoom_phone_mobile
		{
			text-align: 		center;
		}
		#paillote_zoom_contact_mobile
		{
			position:  			relative;
		}

		.resa #paillote_zoom_phone_mobile
		{
			margin-right:  			120px;
		}
		#paillote_zoom_resa_mobile
		{
			display:  				none !important;
			position:  				fixed;
			z-index:  				100;
			height:  				66px;
			right:  				0;
			bottom:  				0;
			width:  				120px;
			background-image: 		url(../images/paillote/book.svg);
			background-position:	50% 30%;
			background-repeat: 		no-repeat;
			background-size:  		20px;
			background-color:  		#000;
			box-shadow:  			0 0 10px rgba(0,0,0,.3);
		}
			#paillote_zoom_resa_mobile::before
			{
				content: 			"RESERVATION";
				display: 			block;
				clear: 				both;
				font-size:  		7pt;
				position:  			absolute;
				left:  				0;
				right:  			0;
				bottom:  			10px;
				color:  			#fff;
				text-align:  		center;
			}
		.resa #paillote_zoom_resa_mobile
		{
			display:  				block !important;
		}

		#paillote_zoom_website_desktop
		{
			padding: 				10px 10px;
			/*border-bottom: 			1px solid #f5f5f5;*/
			color: 					#02232C;
			padding-left: 			25px;
			background-image: 		url(../images/paillote/website.png);
			background-repeat: 		no-repeat;
			background-position: 	0 50%;
		}
		#paillote_zoom_website_desktop a:link,
		#paillote_zoom_website_desktop a:hover,
		#paillote_zoom_website_desktop a:active,
		#paillote_zoom_website_desktop a:visited
		{
			/*color: 					#02232C;*/
		}



		#paillote_zoom_facebook,
		#paillote_zoom_instagram
		{
			display:  				block;
			padding: 				5px 0;
			background-image: 		url(../images/paillote/icon_facebook.svg);
			padding-left: 			25px;
			background-repeat: 		no-repeat;
			background-position: 	0 50%;
			background-size:  		16px;
		}
		#paillote_zoom_instagram
		{
			background-image: 		url(../images/paillote/icon_instagram.svg);
		}

		/**********************************
		 * Service > Icon
		 **********************************/
		#paillote_zoom_service_icon_desktop
		{
			float: 					none;
			padding: 				10px 10px;
			padding-bottom: 		3px;
		}
			#paillote_zoom_service_icon_desktop .paillote_zoom_service_picto_item
			{
				display: 			inline-block;
				width: 				32px;
				margin-right: 		5px;
			}
			.paillote_zoom_service_picto_item_infobulle span
			{
				display: 			none;
			}
		
			.paillote_zoom_service_picto_item
			{
				position: 			relative;
				margin-bottom: 		5px;
			}
			.paillote_zoom_service_picto_item_infobulle
			{
			}
			.paillote_zoom_service_picto_item_infobulle .service_description
			{
				display:  		block;
				font-size:  	9pt;
				font-weight:  	normal;
			}
			.paillote_zoom_service_picto_item span
			{
				display: 			none;
				position: 			absolute;
				z-index: 			1000;
				background-color: 	#fff;
				padding: 			10px 20px;
				left: 				-100px;
				min-width:			200px;
				font-size: 			11pt;
				font-weight: 		600;
				text-align:  		left;
				box-shadow: 		1px 1px 3px rgba(0,0,0,.6);
				-moz-border-radius:		5px;
				-webkit-border-radius:	5px;
				border-radius:			5px;
			}
			.paillote_zoom_service_picto_item span img
			{
				max-width: 			20px;
			}
			.paillote_zoom_service_picto_item:hover span
			{
				display: 			block;
				max-width:  		300px;

			}
			#paillote_service_title
			{
				font-size:  		13pt;
				font-weight:   		500;
				color:   			#333;
				margin:   			10px 0;
				margin-top:  		20px;
			}
	/**********************************
	 * Context > Website
	 **********************************/
	#paillote_zoom_website
	{
		padding: 				20px 0;
	}
		#paillote_zoom_website a:empty { display: none; }
		#paillote_zoom_website a:link,
		#paillote_zoom_website a:hover,
		#paillote_zoom_website a:active,
		#paillote_zoom_website a:visited
		{
			background-color: 		#02232C;
			color: 					#fff;
			font-size: 				12pt;
			font-weight: 			600;
			-moz-border-radius:		2px;
			-webkit-border-radius:	2px;
			border-radius:			2px;
			padding: 				10px 25px;
		}

		
	/**********************************
	 * Part main
	 **********************************/
	#paillote_zoom_name
	{
		font-size:  		22pt;
		font-weight:  		600;
	}

	#paillote_zoom_shortdescription
	{
		font-size: 			17pt;
		line-height: 		130%;
		font-weight: 		700;
		padding: 			20px 0;
	}
	
	#paillote_zoom_fulldescription
	{
		line-height: 		1.5;
		margin-bottom: 		30px;
		font-weight:  		400;
		color:   			#333;
	}
	/**********************************
	 * Main > Services
	 **********************************/
	
		#paillote_zoom_services
		{
			color:  		#777;
			font-weight:  	200;
		}
		#paillote_zoom_service
		{
			margin: 		20px 0;

		}
	
		#paillote_zoom_service ul,
		#paillote_zoom_service li
		{
			margin: 				0;
			padding: 				0;
			list-style-type: 		none
		}
		#paillote_zoom_service ul
		{
			-webkit-column-count: 	2; 
			-moz-column-count: 		2; 
			column-count: 			2;
	
			-webkit-column-gap: 	20px; 
			-moz-column-gap: 		20px; 
			column-gap: 			20px;
		}
		#paillote_zoom_service li
		{
			background-image: 		url(../images/paillote/tick.png);
			background-repeat: 		no-repeat;
			background-position: 	left;
			background-size: 		14px;
			padding-left: 			20px;
		}
	
		
	/**********************************
	 * Main > Tarifs
	 **********************************/
		#paillote_zoom_tarif
		{
			margin: 		30px 0;
		}
		
			#paillote_zoom_tarif table
			{
				border-collapse: 	collapse;
				margin: 			15px 0;
				background-color:  	#fafafa;
			}
			#paillote_zoom_tarif td
			{
				padding: 		5px 15px;
				border: 		1px solid #ccc;
				font-weight: 	500;
			}
			#paillote_zoom_tarif td:nth-child(2)
			{
				color: 			#CB2D60
			}
				
		
	/**********************************
	 * Main > Logo partner
	 **********************************/
		#paillote_zoom .advertising_item
		{
			display: 			inline-block;
			margin: 			10px 10px;
		}
			#paillote_zoom #paillote_zoom_partner
			{
				text-align: 		left;
			}
			#paillote_zoom #paillote_zoom_partner .advertising_item img
			{
				height: 			90px;
				max-width: 			100%;			
			}

	/**************************
	 * Plan matelas
	 **************************/
	#paillote_zoom_pdf
	{
		
	}
		#paillote_zoom_pdf a:link,
		#paillote_zoom_pdf a:hover,
		#paillote_zoom_pdf a:active,
		#paillote_zoom_pdf a:visited
		{
			color:					#fff;
			font-size: 				13pt;
			background-image: 		url(../images/paillote/pdf.png);
			background-position: 	5px 50%;
			background-repeat: 		no-repeat;
			background-size: 		20px;
			padding:	 			4px 10px;
			padding-left: 			32px;
			-moz-border-radius:		3px;
			-webkit-border-radius:	3px;
			border-radius:			3px;
			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;
		}
		#paillote_zoom_pdf a:hover
		{
			background-color: 		#AC2550;
		}

/**********************************
 * Mobile uniquement
 **********************************/
#paillote_zoom .mobile .org
{
	font-size: 			22pt;
	line-height: 		22pt;
	font-weight: 		700;
	text-transform: 	uppercase;
	padding: 			0;
	margin: 			0;
	margin-bottom: 		5px;
}
#paillote_zoom .mobile .category
{
	display: 			none;
	font-size: 			8pt;
	text-transform: 	uppercase;
	padding: 			5px 0;
	margin: 			0;
	margin-bottom: 		5px;
}


/**************************
 * Near
 **************************/
#paillote_near
{
	background-color: 		#fafafa;
	padding: 				30px 40px;
}



/*************************************
 * Map
 *************************************/
#paillote_zoom_near::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
#paillote_near_list
{
	float:  				right;
	width:  				45%;
	height:  				500px;
	background-color:   	#fff;
	/*border:  				1px solid rgba(0,0,0,.2);*/
	box-shadow:  			2px 2px 20px rgba(0,0,0,.2);
	overflow-y:  			auto;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius:			10px;
}
#paillote_near_map
{
	float:            		left;
	width:            		50%;
	margin-right:  	  		20px;
	background-color: 		#75caa5;
	height:  				500px;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius:			10px;
}

.paillote_near_item:link,
.paillote_near_item:hover,
.paillote_near_item:active,
.paillote_near_item:visited
{
	position:  			relative;
	display:  			block;
	padding:  			10px 20px;
	padding-left:  		60px;
	border-bottom:  	1px solid rgba(0,0,0,.2);
	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;
}
.paillote_near_item:hover
{
	background-color:  	#eee;
}
.paillote_near_item .paillote_list_item_noteprice
{
	float:  			right;
}
.paillote_near_item_name
{
	font-weight:  		600;
}
.paillote_list_item_noteprice
{
}
.paillote_near_item_distance
{
	font-size:  			10pt;
	color:  				rgba(0,0,0,.5);
	padding:  				5px;
	padding-left:  			25px;
	background-image: 		url(../images/paillote/icon_localisation.svg);
	background-position:	5px 50%;
	background-repeat: 		no-repeat;
	background-size:   		12px;
}

.paillote_map_item
{
	display:  			block;
	width:  			1px;
	height:  			1px;
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
}
.paillote_map_item.selected
{
	z-index:  			100;
}
.paillote_map_item.selected:before
{
	transform: scale(1.2) rotate(-45deg);
	-webkit-transition:	all .2s ease-out;
	-moz-transition:	all .2s ease-out;
	-o-transition:		all .2s ease-out;
	transition:			all .2s ease-out;
	border:  			1px dotted rgba(0,0,0,.2);

	animation: jumprotate 1.2s infinite;
}
@keyframes jumprotate {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0) rotate(-45deg) scale(1.4);}
	40% {transform: translateY(-30px) rotate(-45deg) scale(1.4);}
	60% {transform: translateY(-15px) rotate(-45deg) scale(1.4);}
}

.paillote_map_item.selected .paillote_map_item_indice
{
	transform: scale(1.2);
	animation: jump 1.2s infinite;
}
@keyframes jump {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px) scale(1.4);}
	60% {transform: translateY(-15px) scale(1.4);}
}


.paillote_map_item:before
{
	position:  				relative;
	z-index:  				0;
	top:  					-30px;
	right:  				10px;
	content: 				" ";
	display: 				block;
	clear: 					both;
	width:  				30px;
	height:  				30px;
	background-color:  		green;
	transform:  			rotate(-45deg);
	-moz-border-radius:		50% 50% 50% 0;
	-webkit-border-radius:	50% 50% 50% 0;
	border-radius:			50% 50% 50% 0;
	box-shadow:   			2px 2px 10px rgba(0,0,0,.3);
}
.paillote_map_item_indice
{
	position:  		relative;;
	top:  			-56px;
	right:  		10px;
	z-index:  		10;
	color:  		#fff;
	font-weight:  	600;
	font-size:  	12pt;
	width:  		30px;
	text-align:  	center;
}
.type_paillote.paillote_map_item:before, .type_paillote .paillote_list_item_indice::before { background-color:  #CB2D60; }
.type_restaurant.paillote_map_item:before, .type_restaurant .paillote_list_item_indice::before { background-color:  #3EB4B9; }
.type_rooftop.paillote_map_item:before, .type_rooftop .paillote_list_item_indice::before { background-color:  #59D5AA; }

.paillote_map_item::before
{
	position:  				relative;
	z-index:  				0;
	top:  					-30px;
	right:  				10px;
	content: 				" ";
	display: 				block;
	clear: 					both;
	width:  				30px;
	height:  				30px;
	background-color:  		green;
	transform:  			rotate(-45deg);
	-moz-border-radius:		50% 50% 50% 0;
	-webkit-border-radius:	50% 50% 50% 0;
	border-radius:			50% 50% 50% 0;
	box-shadow:   			2px 2px 10px rgba(0,0,0,.3);
}

.paillote_list_item_indice
{
	position:  			absolute;
	top:  				0;
	left:  				0;
	bottom:  			0;
	width:  			40px;
}
.paillote_list_item_indice::before
{
	display:  				block;
	position:  				relative;
	z-index:  				0;
	top:  					0;
	right:  				0;
	content: 				" ";
	clear: 					both;
	margin-left:  			10px;
	margin-top:  			20px;
	width:  				30px;
	height:  				30px;
	/*background-color:  		green;*/
	transform:  			rotate(-45deg);
	-moz-border-radius:		50% 50% 50% 0;
	-webkit-border-radius:	50% 50% 50% 0;
	border-radius:			50% 50% 50% 0;
	box-shadow:   			2px 2px 10px rgba(0,0,0,.3);
}
.paillote_list_item_indice span
{
	position:  			relative;
	display:  			block;
	text-align:  		center;
	top:  				-25px;
	left:  				5px;
	right:  			0;
	color:  			#fff;
	font-weight:  		600;
}

/*************************************
 * Integration
 *************************************/
#paillote_zoom_integration
{
	float:   			right;
	width:   			50%;
	text-align:   		right;
}
#paillote_integration_bloc
{
	padding:  	 		10px 5px;
	text-align:   		left;
}
#paillote_integration_introduction
{
	margin:    				5px 20px;
	color:   				#fff;
}
#paillote_zoom_integration::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
	.integration_item
	{
		border:  				1px solid rgba(0,0,0,.5);
		padding:   				10px;
		margin:    				15px 20px;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		border-radius:			5px;
	}
		.integration_item:nth-child(2)
		{
			background-color:   	rgba(0,0,0,.6);
		}
		.integration_item:nth-child(3)
		{
			background-color:   	#fff;
		}
	.integration_item_picture
	{
		padding:   		20px 0;
		text-align:  	center;
	}
		.integration_item_picture img
		{
			width:  		250px;
		}
	.integration_item_code
	{
		height:   			100px;
		width:   			100%;
		border:  			1px solid rgba(0,0,0,.1);
		background-color:  	#fff;
		padding:   			10px;
		font-family: 		'Courier New';
		font-size:   		10pt;
	}

	
/**********************************
 * Responsive
 **********************************/
@media only screen /* Tablette */ 
and (max-width : 1000px) 
{
	
}

@media only screen /* Smartphone */ 
and (max-width : 1030px)
{
	#paillote_zoom
	{
		position: 			relative;
		background-color: 	transparent;
		padding: 			0;
		font-size: 			11pt;
	}
	#paillote_zoom.commons_wrap
	{
		margin:  			0;
		padding:  			0 !important;
	}

	#paillote_zoom_inner
	{
		background-color: 	transparent;
		padding: 			16px 4px;
	}
		
	#paillote_zoom_context,
	#paillote_zoom_main
	{
		float: 			none;
		width: 			auto;
		min-height: 	none;
		margin-bottom: 	30px;
		padding: 		20px;
	}
	
	#paillote_zoom h2
	{
		color: 				#02232C;
		font-weight: 		700;
		font-size: 			14pt;
		margin: 			5px 0;
		text-transform: 	none;
	}

	#paillote_zoom_header h1
	{
		display:	 		none;
	}

	/*************************************
	 * Title
	 *************************************/
	#paillote_zoom_title
	{
		position:   		static;
		box-shadow:   		none;
	}

	/*************************************
	 * Notation
	 *************************************/
	#paillote_zoom_notation
	{
		/*display: 			none;*/
	}

	#paillote_zoom
	{
		position:				relative;
		padding-left: 			0;
		min-height: 			none;
		border-left: 			0;
		margin: 				10px 10px;
	}
	#paillote_zoom_localisation
	{
		/*display: 			none;	*/
	}
	
		/**********************************
		 * Navigation
		 **********************************/
		 #paillote_zoom_menu li
		 {
		 	margin-right: 		15px;
		 }
		 
	/**********************************
	 * Part
	 **********************************/
	 
	#paillote_zoom_photo,
	#paillote_zoom_contact_desktop
	{
	 	float: 				none;
	 	width: 				auto;
	}

	/**********************************
	 * Diaporama
	 **********************************/
	 .slidesjs-container .slidesjs-slide
	 {
	 	width: 					100% !important;
	 }
	 .slidesjs-navigation,
	 ul.slidesjs-pagination
	 {
	 	display: 				none !important;
	 }
	 
	 /**********************************
	  * Info
	  **********************************/
		#paillote_zoom_description
		{
			padding: 			5px 0;
			margin: 			10px 0;
		}
			#paillote_zoom_shortdescription
			{
				font-size: 			13pt;
				line-height: 		130%;
				border-bottom: 		1px solid #ddd;
				margin-bottom: 		5px;
			}
			#paillote_zoom_tarif table
			{
				width: 				100%;
				margin: 			5px 0;
			}
			
			#paillote_zoom_service ul
			{
				-webkit-column-count: 	1; 
				-moz-column-count: 		1; 
				column-count: 			1;
			}
			
		#paillote_zoom_map
		{
			display: 				none;
		}
		
		#openmaps:link,
		#openmaps:hover,
		#openmaps:active,
		#openmaps:visited
		{
			position: 				relative;
			display: 				block;
			clear: 					both;
		}	
		#openmaps::after
		{
			content: 			"Accès au plan";
			display: 			block;
			padding: 			10px;
			text-shadow: 		1px 1px 1px rgba(0,0,0,.6);
			font-weight: 		700;
			font-size: 			14pt;
			color: 				#fff;
			clear: 				both;
			position: 			absolute;
			top: 				0;
			left: 				0;
			background-color: 	rgba(0, 0, 0, .2);
		}
		/**********************************
		 * Service > Icon
		 **********************************/
		#paillote_zoom_service_icon_mobile
		{
			float: 					none;
			padding: 				10px 40px;
			padding-bottom: 		3px;
			border-bottom: 			1px solid #f5f5f5;
		}
			#paillote_zoom_service_icon_mobile .paillote_zoom_service_picto_item
			{
				display: 			inline-block;
				width: 				32px;
			}
			
	/**************************
	 * Phone
	 **************************/
	#paillote_zoom_phone_mobile
	{
		position: 				fixed;
		left: 					0;
		right: 					0;
		bottom: 				0;
		z-index:	 			100;
		background-color: 		#fff;
		text-align: 			center;
		box-shadow: 			0 0 5px rgba(0,0,0,.5);
	}
	#commons_afterfooter
	{
		padding-bottom: 		65px !important;
	}
	#paillote_zoom_phone_mobile div
	{
		background-color: 		#02232C;
		background-color: 		#4EC11D;
		/*
		margin: 				10px 10px;
		-moz-border-radius:		3px;
		-webkit-border-radius:	3px;
		border-radius:			3px;
		*/
	}
		#paillote_zoom_phone_mobile a:link,
		#paillote_zoom_phone_mobile a:hover,
		#paillote_zoom_phone_mobile a:active,
		#paillote_zoom_phone_mobile a:visited
		{
			font-family: 			Arial;
			display: 				inline-block;
			font-size: 				21pt;
			font-size: 				22pt;
			line-height: 			20pt;
			color: 					#fff;
			font-weight: 			600;
			padding: 				15px 0;
			padding: 				0 0;
			text-decoration: 		none;
			background-image: 		url(../images/paillote/mobile-phone.png);
			background-position: 	left;
			background-repeat: 		no-repeat;
			background-size: 		20px;
			padding-left: 			32px;
				
		}
		
	#paillote_zoom_pdf
	{
		padding: 				20px 0;
		text-align: 			center;
	}
}


@media only screen /* Smartphone Horizontal */
and (max-width : 700px)
{
	#paillote_zoom_integration
	{
		float:   			none;
		width:   			auto;
	}

	.paillote_bloc
	{
		/*padding:          20px 20px !important;*/
	}
	#paillote_zoom_context,
	#paillote_zoom_main
	{
		padding:  		0;
	}
	#paillote_zoom_diaporama
	{
		margin:  		0;
	}

	#paillote_zoom_contact_desktop
	{
		padding:    	0 20px;
	}

	#paillote_zoom_partner
	{
		text-align:   		center !important;
	}
	#paillote_zoom_partner .advertising_item
	{
		display:   		inline-block;
	}

	#paillote_zoom_integration
	{
		display:   		none;
	}


	#paillote_zoom_premium_banner_col1,
	#paillote_zoom_premium_banner_col2,
	#paillote_zoom_premium_banner_col3
	{
		float:  			none;
		width:  			auto;
	}
	.paillote_list_item_noteprice
	{
		float:  			none;
	}

	#paillote_zoom_near
	{
		float:  		none;
		width:  		auto;
	}
	#paillote_zoom_list
	{
		float:  		none;
		width:  		auto;
	}
	#paillote_near_map
	{
		height:      30vh;
	}
	#paillote_near_map,
	#paillote_near_list
	{
		float:  		none;
		width:  		auto;
		margin:  		10px 0;
	}
	#paillote_near_list
	{
		height:    		auto;
	}

}