/**********************************
 * Tab Event
 **********************************/
.eventitem
{
	position: 			relative;
	overflow: 			hidden;
	float: 				left;
	width: 				32%;
	height: 			220px;
	background-color: 	#fff;
	padding: 			20px;
	margin: 			0 1% 1% 0;
	
}
	.eventitem .eventitem_info_name
	{
		font-size: 			14pt;
		text-transform: 	uppercase;
		color: 				#D8306B;
		font-weight: 		600;
	}

	.eventitem .eventitem_info_date
	{
		font-size: 			11pt;
		color: 				#D8306B;
		font-weight: 		400;
		font-style:			italic;
	}

	.eventitem .eventitem_info_timestart
	{
		font-size: 			11pt;
		color: 				#D8306B;
		font-weight: 		400;
		font-style:			italic;
	}

	.eventitem .eventitem_info_descriptioncut
	{
		font-size: 			10pt;
		font-weight: 		500;
		padding: 			10px 0;
		color: 				#02232C;
	}
	
	.eventitem .eventitem_info_description
	{
		position: 			absolute;
		top: 				300px;
		left: 				0;
		right: 				0;
		bottom: 			-300px;
		font-size: 			8pt;
		color: 				#fff;
		font-weight: 		500;
		background-color: 	#D8306B;
		padding: 			20px 20px;
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;
	}
	.eventitem:hover .eventitem_info_description
	{
		top: 				0;
		bottom: 			0;
	}
	
/**********************************
 * Menu
 **********************************/
#content_item_menu
{
	background-color: 	#fff;
	padding: 			20px 0;
}
.paillote_zoom_middle_bloc_menu_item
{	
	font-size: 				12pt;
	color: 					#02232C;
	font-weight: 			500;
	padding: 				20px 0;
	max-width: 				800px;
	margin: 				0 auto;
	margin-bottom: 			40px;
}
	.paillote_zoom_middle_bloc_menu_item h2
	{	
		font-size: 				20pt;
		text-transform: 		uppercase;
		color: 					#D8306B;
		font-weight: 			700;
		background-repeat: 		no-repeat;
		background-position: 	left;
		background-size: 		50px auto;
		padding: 				10px 0 10px 60px;
	}
	 
		.paillote_zoom_middle_bloc_menu_item.menu1 h2 { background-image: url(../images/menu/entree.png); } 
		.paillote_zoom_middle_bloc_menu_item.menu2 h2 { background-image: url(../images/menu/tapas.png); } 
		.paillote_zoom_middle_bloc_menu_item.menu3 h2 { background-image: url(../images/menu/salade.png); } 
		.paillote_zoom_middle_bloc_menu_item.menu4 h2 { background-image: url(../images/menu/viande.png); } 
		.paillote_zoom_middle_bloc_menu_item.menu5 h2 { background-image: url(../images/menu/poisson.png); } 
		.paillote_zoom_middle_bloc_menu_item.menu6 h2 { background-image: url(../images/menu/carte.png); } 
		.paillote_zoom_middle_bloc_menu_item.menu7 h2 { background-image: url(../images/menu/suggestion.png); } 
		.paillote_zoom_middle_bloc_menu_item.menu8 h2 { background-image: url(../images/menu/dessert.png); } 
		.paillote_zoom_middle_bloc_menu_item.menu9 h2 { background-image: url(../images/menu/vin.png); } 
		.paillote_zoom_middle_bloc_menu_item.menu10 h2 { background-image: url(../images/menu/cocktail.png); } 
	
.paillote_zoom_middle_bloc_menu_item_line
{
	border-bottom: 			1px dotted #02232C;
	border-bottom: 			1px dotted #aaa;
}
.paillote_zoom_middle_bloc_menu_item_line::after
{
	content: 		" ";
	display: 		block;
	clear: 			both;
}
.paillote_zoom_middle_bloc_menu_item_label
{
	position: 				relative;
	top: 					8px;
	padding: 				3px 0;
	padding-right: 			5px;
	display: 				inline;
	font-weight: 			600;
	background-color: 		#fff;
	margin-right: 			50px;
}
.paillote_zoom_middle_bloc_menu_item_price
{
	position: 				relative;
	top: 					8px;
	padding: 				3px 0;
	padding-left: 			5px;
	float: 					right;
	background-color: 		#fff;
}

.paillote_zoom_download
{
	max-width: 			800px;
	margin: 			0 auto 20px auto;
	padding: 			30px;
	text-align: 		center;
	background-color: 	#eee;
}
.paillote_zoom_menu_download:link,
.paillote_zoom_menu_download:hover,
.paillote_zoom_menu_download:active,
.paillote_zoom_menu_download:visited
{
	color: 					#000;
	font-size:				14pt;
	font-weight: 			600;
	background-image: 		url(../images/paillote/download-pdf.png);
	background-repeat: 		no-repeat;
	background-position: 	left;
	padding: 				10px 0;
	padding-left: 			40px;
}

/**********************************
 * Tab Promotion
 **********************************/
#content_item_promotion
{
	background-color: 	#fff;
	padding: 			20px 20px;
}

.promotionitem
{
	position: 			relative;
	float: 				left;
	width: 				49%;
	height: 			150px;
	padding: 			20px;
	margin: 			0 1% 1% 0;
}
	.promotionitem .promotionitem_info_name
	{
		font-size: 			17pt;
		color: 				#D8306B;
		font-weight: 		600;
		
	}
	.promotionitem .promotionitem_info_date
	{
		font-size: 			12pt;
		color: 				#D8306B;
		font-weight: 		400;
		font-style:			italic;
		padding: 			5px 0;
	}
	.promotionitem .promotionitem_info_description
	{
		font-size: 			12pt;
		font-weight: 		500;
		padding: 			5px 0;
		color: 				#02232C;
	}

	
/**********************************
 * Video
 **********************************/
#content_item_video
{
	background-color: 	#fff;
	padding: 			20px 0;
}
#video_list::after
{
	content: 		" ";
	display: 		block;
	clear: 			both;
}
.videoitem
{
	position: 			relative;
	float: 				left;
	width: 				49%;
	height: 			450px;
	padding: 			20px;
	margin: 			0 1% 1% 0;
	color: 				#02232C;
}
	.videoitem_info_date
	{
		font-style: 		italic;
		font-size: 			10pt;
		color: 				#D8306B;
	}
	.videoitem_info_name
	{
		font-size: 			16pt;
		font-weight: 		600;
		padding: 			5px 0;
		color: 				#D8306B;
	}
	.videoitem_info_description
	{
		font-size: 			10pt;
		font-weight: 		500;
	}
	.videoitem_info_video
	{
		height: 			300px;
	}

/**********************************
 * Galerie Photo
 **********************************/
#content_item_photo
{
	background-color: 	#fff;
	padding: 			20px 0;
}
	
	.photogalleryitem
	{
		background-color: 	#f5f5f5;
		padding: 			20px 20px;
		margin-bottom: 		15px;
	}
	.photogalleryitem::after
	{
		content: 		" ";
		display: 		block;
		clear: 			both;
	}
		.photogalleryitem_picture
		{
			float: 				left;
			width: 				40%;
			margin-bottom: 		15px;
		}
		.photogalleryitem_picture img
		{
			width: 				100%;
		}
		.photogalleryitem_info
		{
			float: 				right;
			width: 				55%;
		}
			.photogalleryitem_info_date
			{
				font-style: 		italic;
				font-size: 			12pt;
				color: 				#D8306B;
			}
			.photogalleryitem_info_name
			{
				font-size: 			18pt;
				font-weight: 		600;
				color: 				#D8306B;
				padding: 			8px 0;
			}
			.photogalleryitem_info_nb
			{
				color: 				#D8306B;
			}
			.photogalleryitem_info_preview
			{
			
			}
			.photogalleryitem_info_preview::after
			{
				content: 		" ";
				display: 		block;
				clear: 			both;
			}
				.photogalleryitem_info_preview .preview_item
				{
					float: 			left;
					margin-right: 	10px;
					margin-bottom: 	10px;
				}
				.photogalleryitem_info_preview .preview_item img
				{
					height: 		110px;
				}
	
		.photogalleryitem_info_seemore:link,
		.photogalleryitem_info_seemore:hover,
		.photogalleryitem_info_seemore:active,
		.photogalleryitem_info_seemore:visited
		{
			display: 			inline-block;
			clear: 				both;
			color: 				#fff;
			background-color: 	#02232C;
			padding: 			10px 20px;
			font-size: 			12pt;
			font-weight: 		600;
			margin-top: 		10px;
		}
	
/**************************
 * Contact
 **************************/
#content_item_contact .form 
{
	width: 				50%;
}

#content_item_contact .field 
{
}

#content_item_contact .title
{
	font-weight: 			700;
	font-size: 				26pt;
	color: 					#02232C;
	color: 					#074A5D;
	font-weight: 			700;
	text-transform: 		uppercase;
	padding: 				5px 0;
	margin: 				5px 10px;
	line-height:			1.2;
}
#content_item_contact .form_separator
{
	background-color: 		#EF4880;
	padding: 				10px;
	color: 					#fff;
	font-size: 				12pt;
	font-weight: 			600;
	margin-top: 			10px;
	margin-bottom: 			5px;
}
#content_item_contact .form_field
{
	width: 				100%;
}
#content_item_contact .form_field_left
{
	width: 				30%;
	text-align: 		right;
	padding: 			5px 10px;
	font-size: 			11pt;
	padding-right: 		15px;
}
#content_item_contact .form_field_right
{
	width: 			70%;
}

#content_item_contact .form_field_right input[type='text'],
#content_item_contact .form_field_right input[type='email'],
#content_item_contact .form_field_right textarea,
#content_item_contact .form_field_right select
{
	font-family: 			'Raleway';
	width: 					100%;
	border: 				1px solid rgba(0,0,0,.2);
	background-color: 		rgba(0,0,0,.03);
	padding: 				5px 5px;
	font-size: 				11pt;
	-moz-border-radius:		2px;
	-webkit-border-radius:	2px;
	border-radius:			2px;
}

#content_item_contact .g-recaptcha
{
	margin-left: 			30%;
	margin-top: 			10px;
	padding-left: 			3px;
}


#content_item_contact .field_required
{
	font-size: 				8pt;
	text-align: 			right;
}

#content_item_contact .btn
{
	font-family: 			'Raleway';
	background-color: 		#074A5D;
	color: 					#fff;
	font-size: 				11pt;
	font-weight: 			600;
	border:					0;
	padding: 				5px 15px;
	-moz-border-radius:		2px;
	-webkit-border-radius:	2px;
	border-radius:			2px;
}



	
/**********************************
 * 
 * RESPONSIVE
 * 
 **********************************/
 
@media only screen /* Tablette */ 
and (max-width : 1030px) 
{
	/**********************************
	 * Event
	 **********************************/
	.eventitem
	{
		width: 				49%;
		height: 			250px;
		background-color: 	#fff;
		padding: 			20px;
		margin: 			0 1% 1% 0;
		
	}	
	
	/**********************************
	 * Promotion
	 **********************************/
	 
	 
	/**********************************
	 * Video
	 **********************************/
	.videoitem
	{
		position: 			relative;
		float: 				left;
		width: 				100%;
		height: 			auto;
		padding: 			20px 10px;
		margin: 			0 0 15px 0;
	}
		
		.videoitem_info_video
		{
			height: 			400px;
		}
	
	/**************************
	 * Contact
	 **************************/
	#content_item_contact .form 
	{
		width: 				70%;
	}
}

@media only screen /* Smartphone */ 
and (max-width : 700px) 
{
	/**********************************
	 * Event
	 **********************************/
	.eventitem
	{
		float: 				none;
		width: 				auto;
		height: 			auto;
		margin: 			0 0 15px 0;
		border: 			1px solid #eee;
	}		
	
	.eventitem .eventitem_info_descriptioncut
	{
		display: 			none;
	}
	
	.eventitem .eventitem_info_description,
	.eventitem:hover .eventitem_info_description
	{
		position: 			relative;
		top: 				0;
		bottom: 			0;
		color: 				#02232C;
		background-color: 	#fff;
		padding: 			10px 0;
		font-size: 			10pt;
		
	}
	
	/**********************************
	 * Promotion
	 **********************************/
	.promotionitem
	{
		position: 			relative;
		float: 				left;
		width: 				auto;
		height: 			auto;
		padding: 			20px 10px;
		margin: 			0 0 15px 0;
	}	 
	
	/**********************************
	 * Video
	 **********************************/
	.videoitem_info_video
	{
		height: 			300px;
	}
	
	/**************************
	 * Contact
	 **************************/
	#content_item_contact .form 
	{
		width: 				100%;
	}
	
	/**************************
	 * Menu
	 **************************/
	.paillote_zoom_middle_bloc_menu_item_line
	{
		display: 				block;
	 	margin: 				11px 0; 
	 	font-size: 				11pt;
	}
		.paillote_zoom_middle_bloc_menu_item_label
	 	{
	 		top: 				22px;
	 	}
	 	.paillote_zoom_middle_bloc_menu_item_price
	 	{
			color: 				#CB2D60;
			font-size: 			11pt;
			margin-top: 		10px;
			margin-left: 		10px;
	 	}

}

/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Smartphone Horizontal */ 
and (max-width : 500px) 
{
	
	#content_item_contact .form_field_left,
	#content_item_contact .form_field_right
	{
		display: 		block;
		width: 			100%;
		text-align: 	left;
	}
	
	#content_item_contact .form_field_left
	{
		padding: 			15px 0 0 0;
	}
	
	#content_item_contact .g-recaptcha
	{
		margin-left: 		0;
	}
}