#presentation_bloc
{
	background-color: 		#fff;
	padding: 				40px 40px;
}
#presentation_bloc::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}


/**************************
 * Main Part
 **************************/
#presentation_main
{
	float: 				left;
	width: 				60%;
	border-right: 		1px solid #eee;
	padding-right: 		4%;
	padding-bottom: 	20px;
}
	#presentation_main h1
	{
	}
	#presentation_youtube
	{
	}
	#presentation_description
	{
		text-align: 		justify;
	}
	#presentation_description a:link,
	#presentation_description a:hover,
	#presentation_description a:active,
	#presentation_description a:visited
	{
		color: 				#074A5D;
		text-decoration: 	underline;
	}

/**************************
 * Contextual part
 **************************/
#presentation_context
{
	float: 				right;
	width: 				36%;
}
	#presentation_button_bloc
	{
		text-align: 			center;
	 	padding-bottom: 		30px;
	 	margin-bottom: 			30px;
	 	border-bottom: 			1px solid #eee;
	}
	.presentation_button_map:link,
	.presentation_button_map:hover,
	.presentation_button_map:active,
	.presentation_button_map:visited
	{
		float: 				none !important;
		display: 			block !important;
		margin-bottom: 		10px;
		font-size: 			15pt;
		font-weight: 		600;
	}
	.presentation_button_map span
	{
		color: 				rgba(255,255,255,.5);
	}
	#presentation_poi_list
	{
		clear: 				both;
	}
	#presentation_advert_list
	{
	}
	
	/**************************
	 * Button Back
	 **************************/
	#presentation_item_back
	{
	
	}
	
	#presentation_item_back a:link,
	#presentation_item_back a:hover,
	#presentation_item_back a:active,
	#presentation_item_back a:visited
	{
		display: 				block;
		margin: 				5px 0;
		padding: 				25px 10px;
		height: 				70px;
		text-align: 			center;
		color: 					#fff;
		font-size: 				12pt;
		font-weight: 			600;
		text-shadow: 			1px 1px 1px rgba(0,0,0,.5);
		background-image: 		url(../images/commons/back.png);
		background-position: 	15px 50%;
		background-repeat: 		no-repeat;
		background-size: 		24px;
		background-color: 		#EF4880;
		background-color: 		#444;
		-moz-border-radius:		2px;
		-webkit-border-radius:	2px;
		border-radius:			2px;
		text-decoration: 		none;
		border: 				1px solid rgba(0,0,0,0);
		-webkit-transition:		all .2s ease-out;
		-moz-transition:		all .2s ease-out;
		-o-transition:			all .2s ease-out;
		transition:				all .2s ease-out;
	}
	#presentation_item_back a:hover
	{
		background-color: 		#222;
		border: 				1px solid rgba(0,0,0,.5);
	}
	
	/**************************
	 * Area List
	 **************************/
	.presentation_menu_item:link,
	.presentation_menu_item:hover,
	.presentation_menu_item:active,
	.presentation_menu_item:visited
	{
		display: 				block;
		float: 					left;
		width: 					49%;
		margin: 				5px 0;
		padding: 				25px 10px;
		height: 				70px;
		text-align: 			center;
		color: 					#fff;
		font-size: 				12pt;
		font-weight: 			600;
		text-shadow: 			1px 1px 1px rgba(0,0,0,.5);
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size: 		cover;
		background-color: 		#EF4880;
		-moz-border-radius:		2px;
		-webkit-border-radius:	2px;
		border-radius:			2px;
		text-decoration: 		none;
		border: 				1px solid rgba(0,0,0,0);
		-webkit-transition:	all .2s ease-out;
		-moz-transition:	all .2s ease-out;
		-o-transition:		all .2s ease-out;
		transition:			all .2s ease-out;
	}
	.presentation_menu_item:hover
	{
		background-color: 		#D8306B;
		border: 				1px solid rgba(0,0,0,.5);
	}
	.presentation_menu_item:nth-child(2n)
	{
		margin-left: 			2%;
	}
/**************************
 * Agenda List
 **************************/
#presentation_agenda
{

}
#presentation_agenda:empty { display: none; }
#presentation_agenda::before
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
	
 #presentation_event_diaporama
 {
 	height: 			400px;
 }
 .presentationevent_item
 {
 }
	 .presentation_event_item_picture
	 {
	 	height: 				120px;
	 	margin: 				0;
	 	margin-bottom:	 		10px;
	 	margin-right: 			30px;
	 	background-position: 	center center;
	 	background-repeat: 		no-repeat;
	 	background-size: 		contain;
	 }
	 .presentation_event_item_info
	 {
	 	margin-right: 			30px;
	 }
		 .presentation_event_item_name
		 {
		 	font-size: 			12pt;
		 	font-weight: 		600;
		 	margin-bottom: 		10px;
		 }
		 .presentation_event_item_paillote
		 {
		 	font-size: 			12pt;
		 	font-weight: 		600;
		 	margin-bottom: 		10px;
		 }
		 .presentation_event_item_description
		 {
		 	text-align: 		justify;
		 }
		 .presentation_event_item_date
		 {
		 	color: 				#aaa;
		 }
		 .presentation_event_item_timestart
		 {
		 	color: 				#aaa;
		 }
		 .presentation_event_item_url:link,
		 .presentation_event_item_url:hover,
		 .presentation_event_item_url:active,
		 .presentation_event_item_url:visited
		 {
		 	color: 				#EF4880;
		 }

	#presentation_poi_diaporama
	{
		position: 		relative;
	}
	#presentation_poi_diaporama::before
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}

/**************************
 * POI List
 **************************/
 #presentation_poi
 {
	border-top: 		1px solid #eee;
	margin-top: 		40px;
	padding-top: 		20px;
 }
 #presentation_poi:empty { display: none; }
 #presentation_poi::before
 {
 	content: 			" ";
 	display: 			block;
 	clear: 				both;
 }
 #presentation_poi_diaporama
 {
 	height: 			400px;
 }
 .presentation_poi_item
 {
 }
	 .presentation_poi_item_picture
	 {
	 	height: 				120px;
	 	margin: 				0;
	 	margin-bottom:	 		10px;
	 	margin-right: 			30px;
	 	background-position: 	center center;
	 	background-repeat: 		no-repeat;
	 	background-size: 		contain;
	 }
	 .presentation_poi_item_info
	 {
	 	margin-right: 			30px;
	 }
		 .presentation_poi_item_name
		 {
		 	font-size: 			12pt;
		 	font-weight: 		600;
		 	margin-bottom: 		10px;
		 }
		 .presentation_poi_item_description
		 {
		 	text-align: 		justify;
		 }
		 .presentation_poi_item_address
		 {
		 	color: 				#aaa;
		 }
		 .presentation_poi_item_url:link,
		 .presentation_poi_item_url:hover,
		 .presentation_poi_item_url:active,
		 .presentation_poi_item_url:visited
		 {
		 	color: 				#EF4880;
		 }

	#presentation_poi_diaporama
	{
		position: 		relative;
	}
	#presentation_poi_diaporama::before
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	
	/**************************
	 * Paillote Nav
	 **************************/
	 #presentation_poi_diaporama_previous,
	 #presentation_poi_diaporama_next
	 {
	 	float: 					right;
	 	position: 				relative;
	 	z-index: 				1000;
	 	cursor: 				pointer;
	 	width: 					30px;
	 	height: 				30px;
	 	background-position: 	center center;
	 	background-size: 		24px;
	 	background-repeat: 		no-repeat;
	 }
	 #presentation_poi_diaporama_previous 	{ background-image: url(../images/country/previous.png); }
	 #presentation_poi_diaporama_next 		{ background-image: url(../images/country/next.png); }
	 
	.presentation_poi_item.restaurant { font-style: italic; background-color: #01bc6b; }
	.presentation_poi_item.paillote 	{ font-style: italic; background-color: #d8306b; } 
	 

	

/**************************
 * Suggest part
 **************************/
#presentation_suggest
{
	clear: 				both;
	border-top: 		1px solid #eee;
	margin-top: 		40px;
	padding-top: 		20px;
	/*height: 			550px;*/
}
#presentation_suggest:empty { display: none; }
	#presentation_suggest h2
	{
	}
	#presentation_paillote_list
	{
	}
	
	#presentation_paillote_diaporama
	{
		position: 		relative;
	}
	#presentation_paillote_diaporama::before
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	
	/**************************
	 * Paillote Nav
	 **************************/
	 #presentation_paillote_diaporama_previous,
	 #presentation_paillote_diaporama_next
	 {
	 	float: 					right;
	 	position: 				relative;
	 	z-index: 				1000;
	 	cursor: 				pointer;
	 	width: 					30px;
	 	height: 				30px;
	 	background-position: 	center center;
	 	background-size: 		24px;
	 	background-repeat: 		no-repeat;
	 }
	 #presentation_paillote_diaporama_previous 	{ background-image: url(../images/country/previous.png); }
	 #presentation_paillote_diaporama_next 		{ background-image: url(../images/country/next.png); }
	 
	.presentation_paillote_item.restaurant { font-style: italic; background-color: #01bc6b; }
	.presentation_paillote_item.paillote 	{ font-style: italic; background-color: #d8306b; } 
	 
	/**************************
	 * Paillote Item
	 **************************/
	.presentation_paillote_item
	{
		margin-right: 		15px;
	}
	.presentation_paillote_item::after
	{
		content: 			" ";
		display: 			block;
		clear: 				both;
	}
	
		.presentation_paillote_item_picture:link,
		.presentation_paillote_item_picture:hover,
		.presentation_paillote_item_picture:active,
		.presentation_paillote_item_picture:visited
		{
			display: 				block;
			height: 				220px;
			background-size: 		cover;
	 		background-position: 	center center;
		}
		
		.presentation_paillote_item_info:link,
		.presentation_paillote_item_info:hover,
		.presentation_paillote_item_info:active,
		.presentation_paillote_item_info:visited
		{
			display: 			block;
			color: 				#222;
			text-decoration: 	none;
		}
		
			.presentation_paillote_item_info h3
			{
				
			}
			.presentation_paillote_item_info_city
			{
				font-size: 				12pt;
				font-weight: 			500;
				color: 					#d8306b;
			}
			.presentation_paillote_item_info_shortdescription
			{
			}
			.presentation_paillote_item_info_fulldescription
			{
			}
			.presentation_paillote_item_info_type
			{
			}
	
	

/***************************
 *
 * Responsive
 *
 ***************************/
@media only screen /* Smartphone Horizontal */ 
and (max-width : 700px) 
{

	#presentation_main,
	#presentation_context
	{
		float: 				none;
		width: 				auto;
		border: 			0;
		padding: 			0;
		margin: 			40px 0;
	}	
	#presentation_context
	{
		border-top: 		1px solid #eee;
		padding-top: 		40px;
	}
}

@media only screen /* Smartphone Horizontal */ 
and (max-width : 400px) 
{	
	
	.presentation_area_item:link,
	.presentation_area_item:hover,
	.presentation_area_item:active,
	.presentation_area_item:visited
	{
		display: 				block;
		float: 					none;
		width: 					auto;
		margin: 				5px 0;
	}
	
}