#home
{
	padding: 				20px 40px;
}

h2
{
	font-size: 				13pt;
	text-transform: 		uppercase;
	font-weight: 			700;
	color: 					#CD3C43;
	padding: 				10px 0;
	margin: 				0 0;
	margin-bottom: 			15px;
	border-bottom: 			1px solid #ddd;
}

/**********************************
 * Home > Header
 *  - Main menu
 *  - Advert x4
 *  - List dynamic
 **********************************/
#home_header 
{
	margin: 			20px 0;
}
#home_header::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

	#home_header_edito 
	{
		float: 				left;
		width: 				65%;
		padding-right:		20px;
	}
	
		#home_edito_title 
		{
			font-size: 			19pt;
			text-transform: 	uppercase;
			font-weight: 		700;
			color: 				#222;
		}
		
		#home_edito_text 
		{
			color: 				#aaa;
			font-size: 			12pt;
			line-height: 		1.5;
			font-weight: 		400;
			margin: 			10px 0;
		}
		
		
		#home_header_edito .advertising_item
		{
			display: 			inline-block;
		}
		
		
	#home_header_info 
	{
		float: 				right;
		width: 				35%;
		padding-left: 		20px;
		border-left: 		1px solid rgba(0,0,0,.1);
	}
		
		.home_header_info_title 
		{	
			font-size: 			16pt;
			text-transform: 	uppercase;
			font-weight: 		700;
			color: 				#CD3C43;
		}
		
		.home_header_info_text 
		{
			margin-bottom: 		20px;
			font-size: 			11pt;
			font-weight: 		400;
		}
		.home_header_info_text a:link,
		.home_header_info_text a:link,
		.home_header_info_text a:link,
		.home_header_info_text a:link
		{
			font-weight: 		500;
			text-decoration: 	underline;
		}
	
/**************************
 * Diaporama
 **************************/
#diaporamawrap
{
	background-color: 	#272727;
	background-color: 	#333;
}
.home_diaporama_item:link,
.home_diaporama_item:hover,
.home_diaporama_item:active,
.home_diaporama_item:visited
{
	text-decoration: 	none;
}

.home_diaporama_item::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}

	.home_diaporama_item_picture 
	{
		float: 					left;
		height: 				330px;
		width: 					65%;
		background-position: 	center center;
		background-repeat: 		no-repeat;
		background-size: 		cover;
	}
	
	.home_diaporama_item_info 
	{
		float: 			right;
		width: 			35%;
		padding: 		30px;
		color: 			#fff;
		text
	}
		
		.home_diaporama_item_info_title 
		{
			font-size: 			16pt;
			text-transform: 	uppercase;
			color: 				rgba(255,255,255,1);
		}
		
		.home_diaporama_item_info_description 
		{
			font-size: 			11pt;
			color: 				rgba(255,255,255,.7);
		}
	
	

/**********************************
 * Home > Top
 *  - Main menu
 *  - Advert x4
 *  - List dynamic
 **********************************/
	#home_top_mainmenu
	{
		-moz-box-shadow: 		0 0 6px rgba(0,0,0,.5);
		-webkit-box-shadow: 	0 0 6px rgba(0,0,0,.5);
		-o-box-shadow: 			0 0 6px rgba(0,0,0,.5);
		box-shadow: 			0 0 6px rgba(0,0,0,.5);
		
	}
		#home_top_mainmenu a:link,
		#home_top_mainmenu a:hover,
		#home_top_mainmenu a:active,
		#home_top_mainmenu a:visited
		{
			font-size: 				14pt;
			text-transform: 		uppercase;
			display: 				block;
			color: 					#eee;
			background-color: 		#272727;
			padding: 				20px 20px;
			border-top: 			1px solid rgba(255,255,255,.1);
			text-decoration:		none;
			background-position:	95% 50%;
			background-repeat: 		no-repeat;
			background-size: 		24px;
			background-image: 		url(../images/commons/right.png);
		}
		/*
		#home_top #home_top_mainmenu a.sonorisation { background-image: url(../images/menu/green.png), url(../images/commons/menu_next.png); }
		#home_top #home_top_mainmenu a.eclairage 	{ background-image: url(../images/menu/pink.png), url(../images/commons/menu_next.png); }
		#home_top #home_top_mainmenu a.homestudio 	{ background-image: url(../images/menu/blue.png), url(../images/commons/menu_next.png); }
		#home_top #home_top_mainmenu a.dj 			{ background-image: url(../images/menu/orange.png), url(../images/commons/menu_next.png); }
		#home_top #home_top_mainmenu a.orange 		{ color: #fff; background-color: #F89420; }
		#home_top #home_top_mainmenu a.vert 		{ color: #fff; background-color: #8DC73F; }
		#home_top #home_top_mainmenu a.bleu 		{ color: #fff; background-color: #01B2DE; }
		#home_top #home_top_mainmenu a.rose 		{ color: #fff; background-color: #EC078E; }
		#home_top #home_top_mainmenu a.rose 		{ color: #fff; background-color: #EC078E; }
		*/
		
	
	
	#home_top #home_top_advert
	{
		padding: 			10px 10px;
	}
	#home_top #home_top_advert::after
	{
		display: 			block;
		content: 			" ";
		clear: 				both;
	}
	#home_top #home_top_advert .advertising_item
	{
		float: 				left;
		width: 				25%;
		padding: 			0 5px;
	}
	#home_top #home_top_advert .advertising_item img
	{
		max-width: 			100%;
	}
	#home_top #home_top_list
	{
		clear: 				both;
		padding: 			10px 10px;
	}

	
/**********************************
* Home > Middle
*  - News
*  - Localisation
**********************************/
#home_middle
{
	background-color: 		#F4F4F4;
	padding: 				20px 20px;
}
	#home_middle::before,
	#home_middle::after
	{
		display: 			block;
		content: 			" ";
		clear: 				both;
	}
	#home_middle #home_middle_news
	{
		float: 			left;
		width: 			58%;
	}

	#home_middle #home_middle_news .home_middle_news_alllink:link,
	#home_middle #home_middle_news .home_middle_news_alllink:hover,
	#home_middle #home_middle_news .home_middle_news_alllink:active,
	#home_middle #home_middle_news .home_middle_news_alllink:visited
	{
		display: 				block;
		background-color:	 	#F7941D;
		color: 					#fff;
		padding: 				15px 45px;
		font-size: 				16pt;
		text-align: 			right;
		text-transform: 		uppercase;
		text-decoration: 		none;
		background-image: 		url(../images/commons/right.png);
		background-repeat: 		no-repeat;
		background-position: 	98% 50%;
		background-size: 		16px;
	}

	#home_middle #home_middle_localisation
	{
		float: 			right;
		width: 			40%;
	}
		#home_middle #home_middle_localisation .advertising_item
		{
		}

/**********************************
 * Actualites
 **********************************/
.news_bloc
{
	background-color: 		#fff;
	padding: 				0;
}
.news_bloc::before,
.news_bloc::after
{
	content: 			" ";
	display: 			block;
	clear: 				both;
}
	.news_bloc .news_preview_item
	{
		margin-right: 		15px;
		height: 			280px;
	}
	.news_bloc .news_preview_item:last-child
	{
		margin-right: 		0;
	}

		.news_bloc .news_preview_item .news_preview_item_picture:link,
		.news_bloc .news_preview_item .news_preview_item_picture:hover,
		.news_bloc .news_preview_item .news_preview_item_picture:active,
		.news_bloc .news_preview_item .news_preview_item_picture:visited
		{
			display:	 		block;
			text-align: 		center;
			height: 			150px;
			padding-bottom: 	10px;
			border-bottom:	 	3px solid #CD3C43;
			margin-bottom: 		10px;
		}
		.news_bloc .news_preview_item .news_preview_item_picture:empty { background-color: #eee; }
		.news_bloc .news_preview_item .news_preview_item_picture img
		{
			max-width: 		100%;
			max-height: 	100%;
			margin: 		0 auto;
		}
	
		.news_bloc .news_preview_item .news_preview_item_title:link,
		.news_bloc .news_preview_item .news_preview_item_title:hover,
		.news_bloc .news_preview_item .news_preview_item_title:active,
		.news_bloc .news_preview_item .news_preview_item_title:visited
		{
			display: 		block;
			font-size: 		11pt;
			text-transform:	uppercase;
			font-weight: 	700;
			color: 			#222;
		}
		
		.news_bloc .news_preview_item .news_preview_item_date
		{
			display: 		block;
			font-size: 		10pt;
			font-weight: 	400;
			color: 			#CD3C43;
		}
		.news_bloc .news_preview_item .news_preview_item_description
		{
			display: 		block;
			font-size: 		10pt;
			font-weight: 	400;
			color: 			#AAA;
		}

	
/**********************************
* Home > Bottom
*  - Brand logo
*  - Advert x4
*  - Text
**********************************/
#home_bottom
{
	padding: 			20px 20px;
}
	#home_bottom::before,
	#home_bottom::after
	{
		display: 			block;
		content: 			" ";
		clear: 				both;
	}
	
	#home_bottom_advert_brand::after,
	#home_bottom_advert_brand::before,
	#home_bottom_advert::before,
	#home_bottom_text::before,
	#home_bottom_advertfooter::before
	{
		display: 			block;
		content: 			" ";
		clear: 				both;
	}
	
	#home_bottom #home_bottom_advert_brand 
	{
		padding: 			30px 0;
		margin-bottom: 		10px;
	}
		#home_bottom #home_bottom_advert_brand .advertising_item
		{
			margin: 			0 5px;
		}
	
		
	#home_bottom #home_bottom_advert
	{
		padding: 			10px 0;
	}
	#home_bottom #home_bottom_advert::after
	{
		content: 			" ";
		display:	 		block;
		clear: 				both;
	}
		#home_bottom #home_bottom_advert .advertising_item 
		{
			float: 				left;
			width: 				25%;
			padding: 			0 5px;
		}
	
	#home_bottom #home_bottom_text
	{
		padding: 			10px 0;
		color: 				#aaa;
		margin-bottom: 		10px;
		font-size: 			11pt;
	}
	
		#home_bottom #home_bottom_text a:link,
		#home_bottom #home_bottom_text a:hover,
		#home_bottom #home_bottom_text a:active,
		#home_bottom #home_bottom_text a:visited
		{
			font-weight: 		bold;
		}
	
	#home_bottom #home_bottom_advertfooter
	{
		padding: 			10px 0;
	}
		#home_bottom #home_bottom_advertfooter .advertising_item
		{
			float: 				left;
			width: 				50%;
			padding: 			0 5px;
		}
		
		
		
@media only screen /* Tablette */ 
and (max-width : 1000px) 
{
	
}

@media only screen /* Smartphone */ 
and (max-width : 700px) 
{
	#home
	{
		padding: 				0;
	}

	
	/**************************
	 * Diaporama
	 **************************/
	.home_diaporama_item_picture,
	.home_diaporama_item_info 
	{
		float: 			none;
		width: 			auto;
		padding: 		30px;
		color: 			#fff;
	}
	.home_diaporama_item_picture
	{
		height: 		170px;
	}
		
		.home_diaporama_item_info_title 
		{
			font-size: 			12pt;
		}
		
		.home_diaporama_item_info_description 
		{
			font-size: 			8pt;
		}
	
	/**************************
	 * List
	 **************************/
	#home_top #home_top_list
	{
		display: 			none;
	}

	#home_top #home_top_advert
	{
		background-color: 	#EDEDEB;
		padding-top: 		20px;
		padding-bottom: 	5px;
	}
	#home_top #home_top_advert .advertising_item
	{
		width: 			50%;
		margin-bottom: 	10px;
	}
	#home_middle #home_middle_news,
	#home_middle #home_middle_localisation
	{
		float: 			none;
		width: 			auto;
		margin-bottom: 	10px;
	}
	#home_middle
	{
		margin: 		0;
		padding: 		0;
	}
	#home_middle #home_middle_news
	{
		margin: 			0;
		padding: 			0 20px;
		background-color: 	#fff;
	}
	#home_middle #home_middle_news h2,
	#home_middle #home_middle_localisation h2
	{
		/*display: 			none;*/
	}
	#home_middle #home_middle_localisation
	{
		padding: 			20px;
	}
	#home_bottom #home_bottom_advert .advertising_item
	{
		width: 			50%;
		margin-bottom: 	10px;
	}
	#home_bottom #home_bottom_advertfooter .advertising_item
	{
		float: 			none;
		width: 			auto;
		margin-bottom: 	10px;
	}
	
	#home_bottom #home_bottom_text
	{
		display: 		none;
	}
}