/* 
    Document   : index.css
    Created on : 30 avr. 2014
    Author     : Toxonit
    Description:
        reboot
	@import url('http://fonts.googleapis.com/css?family=......');
*/
/****************************
 * Generic
 ****************************/


/* Effect 8: border slight translate */
#newshomebanner
{
	overflow: hidden;
}

*
{
	box-sizing: border-box;
}
.text, .title
{
	line-height: 130%;
}
/*******************************
Partie Top
/*******************************/
.link-effect
{
	-webkit-transition:		all .3s ease-out;
	-moz-transition:		all .3s ease-out;
	-o-transition:			all .3s ease-out;
	transition:				all .3s ease-out;
	padding:				5px 20px;

}	

.link-effect::before,
.link-effect::after 
{
	position:				absolute;
	top:					0;
	left:					0;
	width:					100%;
	height:					100%;
	content:				'';
	-webkit-transition:		-webkit-transform 0.3s, opacity 0.3s;
	-moz-transition:		-moz-transform 0.3s, opacity 0.3s;
	transition:				transform 0.3s, opacity 0.3s;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
}

.link-effect::after  
{
	opacity:			0;
	-webkit-transform:	translateY(-7px) translateX(6px);
	-moz-transform:		translateY(-7px) translateX(6px);
	transform:			translateY(-7px) translateX(6px);
}


.link-effect:hover::before,
.link-effect:focus::before
{
	opacity:			0;
	-webkit-transform:	translateY(5px) translateX(-5px);
	-moz-transform:		translateY(5px) translateX(-5px);
	transform:			translateY(5px) translateX(-5px);
}


.link-effect:hover::after,
.link-effect:focus::after
{
	opacity:			1;
	-webkit-transform:	translateY(0px) translateX(0px);
	-moz-transform:		translateY(0px) translateX(0px);
	transform:			translateY(0px) translateX(0px);
}


h2
{
	font-size:		26px;
	margin-top:		0;
	margin-bottom:	10px;
}


h3
{
	font-size:		16px;
	margin-top:		0;
	text-transform: uppercase;
}

/*******************************
Flash Banner
/*******************************/
#home .banner_inner
{
	width: 100%;
	float: left;
}


#home .score
{
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 40px;
	border-bottom: 3px solid #ddd;
}


	/*******************************
	* Texte
	/*******************************/
	#home .banner
	{
		background-color: #EDEDEB;
	}
	#home .banner .news_item
	{
		overflow: hidden !important;
	}
	.wslide-nav:link,
	.wslide-nav:hover,
	.wslide-nav:active,
	.wslide-nav:visited
	{
		height: 24px;
		width:	24px;
	}
	.wslide-nav.wslide-nav-next:link,
	.wslide-nav.wslide-nav-next:hover,
	.wslide-nav.wslide-nav-next:active,
	.wslide-nav.wslide-nav-next:visited
	{
		right: 5px;
		background-image: url('../images/home/navright.png');
	}
	.wslide-nav.wslide-nav-prev:link,
	.wslide-nav.wslide-nav-prev:hover,
	.wslide-nav.wslide-nav-prev:active,
	.wslide-nav.wslide-nav-prev:visited
	{
		left: 5px;
		background-image: url('../images/home/navleft.png');
	}
	#home .banner .news_item .text 
	{
		display: 			inline-block;
		background-color:	#3d3d3d;
		color:				#fff;
		width: 				50%;
		height: 			100%;
		float: 				right;
		text-align: 		right;
		padding: 			30px 40px;
	}
		#home .banner .news_item .text .title:link,
		#home .banner .news_item .text .title:hover,
		#home .banner .news_item .text .title:active,
		#home .banner .news_item .text .title:visited
		{
			color:			#fff;
			display:		block;
			font-size:		30px;
			margin-bottom:	10px;
			line-height:	120%;
			letter-spacing: 0;
		}
		#home .banner .news_item .text .date
		{
			background-image:		url("../images/commons/iconeBleu_calendrier.png");
			background-position:	right center;
			background-repeat:		no-repeat;
			background-size: 		contain;
			display:				block;
			font-size:				14px;
			font-weight:			700;
			margin-bottom:			30px;
			padding-right:			25px;
			text-align:				right;
			width:					auto;
		}
		#home .banner .news_item .text .description
		{
			clear:			both;
			display:		block;
			font-size:		13px;
			margin-bottom:	30px;
		}




		#home .banner .news_item .text .seemore:link,
		#home .banner .news_item .text .seemore:hover,
		#home .banner .news_item .text .seemore:active,
		#home .banner .news_item .text .seemore:visited
		{

			clear:				both;
			color:				#6bdaee;
			display:			block;
			float:				right;
			font-size:			14px;
			font-weight:		700;
			padding:			10px 25px;
			position:			relative;
			text-decoration:	none;
			text-shadow:		none;
			width:				auto;

		}


		#home .banner .news_item .text .seemore:hover
		{
			color: #fff;
		}
		#home .banner .news_item .text .seemore::before,
		#home .banner .news_item .text .seemore::after
		{

			border: 1px solid #6bdaee;
			
		}
	
	
		#home .banner .news_item .text .seemore::after  
		{
			border-color: #fff;
		}


		/*******************************
		* Photo
		/*******************************/
		#home .banner .news_item .picture
		{
			display: inline-block;
			float: left;
			width: 50%;
			height: 100%;
			background-color: 		#3d3d3d;
		}
		#home .banner .news_item .picture span.inner_picture
		{
			display: inline-block;
			width: 100%;
			height: 100%;
			background-position: center;
			/*background-size: cover;*/
			background-size: contain;
			background-repeat: no-repeat;
		}

	.picture_bock
	{
		/*height: 100%;*/
	}



	/*******************************
	How to
	/*******************************/
	#home .howto
	{
		margin-bottom: 40px;
		border: 1px solid #ddd;
		-moz-border-radius:		10px 10px 0 0;
		-webkit-border-radius:	10px 10px 0 0;
		border-radius: 			10px 10px 0 0;
	}

	#home .banner_howto
	{
		float: left;
		width: 33%;
	}
	#home .howto_top
	{
		padding:79px 40px;
		background-image: url(../images/home/interro.png);
		background-position: center 40px;
		background-repeat: no-repeat;
		text-align: center;
	}

	#home .howto_title
	{
		padding-top:	14px;
		font-size:		28px;
		color:			#3D3D3D;
		margin-bottom:	20px;
	}
	
	#home .howto_text
	{
		margin-bottom: 20px;
		font-size: 13px;
	}
	#home .howto_url	
	{
		color: #3d3d3d;
		display: inline-block;
		font-size: 14px;
		font-weight: 700;
		padding: 5px 25px;
		position: relative;
		text-decoration: none;
		text-shadow: none;
	}

	#home .howto_url::before
	{
		border: 1px solid #3d3d3d;
	}

	#home .howto_url::after
	{
		border: 1px solid #6bdaee;
	}

	#home .howto_url:hover
	{
		color: #6bdaee;
	}

	#home .howto_bottom,
	#home .howto_bottom img
	{
		width: 100%;
	}

	/*******************************
	Flash news
	/*******************************/
	#home #newsflash 
	{

	}
	#home #newsflash .home_news_item
	{
		height:			100%;
		padding:		2px;
		width:			100px;
		white-space:	normal;
		font-size:		12px;
	}
	#home #newsflash .slideshow 
	{
		overflow: hidden;
	}
	#home .flashnews
	{
		background-color:	#dadad8;
		clear:				both;
		display:			block;
		float:				left;
		width:				100%;
		border-bottom:		2px solid #3d3d3d;
	}
	#home .flashnews .flash_inner
	{
		padding:		10px;
		width:			80%;
		box-sizing:		border-box;
		float:			left;
	}
	#home .flashnews .flash_before
	{
		background-image:		url("../images/commons/icone_flash.png");
		background-position:	35px 60%;
		background-repeat:		no-repeat;
		box-sizing:				border-box;
		display:				block;
		float:					left;
		font-size:				16px;
		font-weight:			bold;
		height:					100%;
		padding:				10px 0 5px 65px;
		text-transform:			uppercase;
		width:					15%;
		color:					#3d3d3d;
	}
	#home .flashnews .flash_after
	{
		color: #000;
		content: " ";
		display: block;
		float: left;
		font-size: 20px;
		height: 20px;
		width: 35px;
		z-index: 2147483647;
		position: relative;
		top: 14px;
		left: 8px;
	}


	#home .flashnews .flash_inner
	{
		/*padding: 20px 20px 20px 60px*/
	}
	#home .flashnews .flash_inner .news_item
	{
		margin-left:	20px;
		margin-top:		3px;
	}

	#home .flash_inner .news_item::before
	{
		background-image:		url("../images/commons/flashicon.png");
		background-position:	left 62%;
		background-repeat:		no-repeat;
		content:				" ";
		display:				block;
		float:					left;
		height:					22px;
		width:					25px;
	}
	#home .flash_inner .news_item .title
	{

	}
	#home .flash_inner .description,
	#home .pointer div
	{
		/*font-weight: bold;*/
		font-size: 13px;
	}
		#home .pointer div
		{
			margin-top: 2px;
		}
	#home .flash_inner .news_item .seemore:link,
	#home .flash_inner .news_item .seemore:hover,
	#home .flash_inner .news_item .seemore:active,
	#home .flash_inner .news_item .seemore:visited
	{
		white-space:	normal;
		color:			#3d3d3d;

	}

/**************************
 * Pub
 **************************/
#home .pub
{
	min-height: 450px;
}
	
/*******************************
En dessous de la banner
/*******************************/
#home .right_content
{
	float:			left;
	width:			30%;
	margin-left:	5%;
}

#home .left_content
{
	float:	left;
	width:	65%;
}
	#newshome #home_list
	{
		margin-bottom: 40px;
	}
	.home_inner
	{
		padding:	20px 40px 40px 40px;
		clear:		both;
	}


/*******************************
Partie droite
/*******************************/

/*******************************
Partie sondage / concours
/*******************************/
#home .sondage_inner,
#home .concours_inner
{
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius: 			10px;
	overflow:				hidden;
	margin-bottom:			40px;
}

#home .score_inner
{
	overflow:				hidden;
}
.span_prct 
{
	display: block;
	position: absolute;
	right: -58px;
	top: -7px;
}
	#home .sondage .sondage_inner
	{
		border-bottom:	5px solid #FFF300;
	}
	#home .concours .concours_inner
	{
		border-bottom:	5px solid #6bdaee;
	}
	
	#home .score .content_inner
	{
		border-bottom:	0px solid #3D3D3D;
	}
		#home .sondage .title,
		#home .concours .title,
		#home .score .title 
		{
			text-align:			center;
			background-color:	#3D3D3D;
			color:				#fff;
			border-bottom:		5px solid #FFF300;
			padding:			10px 0;
			font-size:			26px;
		}
			#home .concours .title 
			{
				border-bottom: 5px solid #6bdaee;
			}

			#home .score .title 
			{
				border-bottom: 5px solid #3d3d3d;
			}
			#home .sondage .title h2,
			#home .concours .title h2
			{
				margin:					0;
				padding-left:			30px;
				background-image:		url('../images/commons/icone_sondage.png');
				background-repeat:		no-repeat;
				background-position:	30% center;
			}
			#home .concours .title h2
			{
				background-image: url('../images/commons/concours.png');
			}
			#home .score .title
			{
				padding-left:			0px;
				background-repeat:		no-repeat;
				background-position:	13% center;
				background-image:		url('../images/commons/score.png');
			}

	#home .sondage .questions
	{
		background-image:	url('../images/commons/petanquesondage.jpg');
		background-repeat:	no-repeat;
		background-size:	cover;
	}
	#home .sondage .questions,
	#home #concours .questions,
	#home .score .content_inner
	{
		color:				#3d3d3d;
		margin:				0;
		padding:			10px 10px 20px 10px;
		background-color:	#EDEDEB;

	}
	#home .score .content_inner
	{
		padding:			20px 0;
	}
	
		#home .sondage .questions h3,
		#home .concours .questions h3
		{
			color:			#3d3d3d;
			margin:			0;
			text-align:		center;
			margin-bottom:	10px;
		}
	
		#home .sondage  .questions .radio_item
		{
			margin-bottom:	5px;
			font-size:		14px;
		}
		#home .sondage  .questions .radio_item label
		{
			float: right;
			width: 83%;
		}
		#home .sondage  .questions .radio_item .response
		{
			float: left;
			width: 10%;
		}
		#home .sondage  .questions .input_mail
		{
			margin:		20px 0 10px 0;
			font-size:	14px;
		}
		#home .sondage  .questions .input_mail .sondage_mail
		{
			width:	40%;
			margin: 0px 0 5px 5px;
			background-color: #fff;
			border: 1px solid #ddd;
			border-radius: 4px;
			color: #444;
			font-family: "Arial";
			font-size: 9pt;
			padding: 4px 6px;
			width: 98%;
		}
		#home .sondage  .questions .input_submit
		{
			text-align: center;
		}

		#home .sondage .link-effect
		{
			margin:					10px 0;
			background-color:		#fff;
			-moz-border-radius:		5px;
			-webkit-border-radius:	5px;
			border-radius:			5px;
			position:				relative;
			color:					#3d3d3d;
			text-decoration:		none;
			display:				inline-block;
			font-size:				14px;
			font-weight:			700;
		}
		#home .sondage  .questions .input_submit .submit_sondage
		{
			margin-right: 10px;
		}
		#home .sondage  .questions .input_submit .result_sondage
		{
			background-color:		rgba(255, 243, 0, 0.4);
		}
		#home .sondage .link-effect:hover
		{
			color: #6bdaee
		}
		
		#home .sondage .link-effect::before,
		#home .sondage .link-effect::after
		{
			border: 1px solid #3d3d3d;
		}
		
		#home .sondage .link-effect::after  
		{
			border-color: #6bdaee;
		}
		
		
		#home .sondage .result
		{
			
		}
		
		#home .sondage .result .bar
		{
			float:			left;
			width:			38%;
			margin-top:		6px;
		}
		#home .sondage .result .bar div
		{
			box-sizing: content-box !important;
		}

		#home .sondage .result .text
		{
			float:			left;
			width:			60%;
			margin-right:	2%;
			margin-bottom:	10px;
			position: relative;
		}

		#home .sondage .result .link_block
		{
			text-align: center;
			margin-top: 10px;
		}


		#home .concours .questions
		{
			text-align: center;
			color:#3d3d3d;
		}
		#home .concours .questions .intro
		{
			font-size: 16px;
		}
		#home .concours .questions .name
		{
			font-size: 16px;
			text-transform: uppercase;
			font-weight: 700;

		}
		#home .concours .questions .text
		{
			font-size: 14px;

		}
		#home .concours .questions .date
		{
			font-size: 14px;

		}
	
		
	/*******************************
	Partie compet
	/*******************************/
		.home_competition_item_block,
		.home_competition_item_block:hover
		{
			border-bottom:			1px solid #6bdaee;
			padding:				10px 20px;
			margin-bottom:			1px;
			background-image:		url('../images/commons/arrow.png');
			background-repeat:		no-repeat;
			background-position:	right 20px center;
			text-decoration:		none;
			color:					#3d3d3d;
			display:				block;
			float:					none;
			width:					auto;
		}
		.home_competition_item_block:hover
		{
			background-color: #fff;
		}
		.home_competition_item_block .home_competition_item_date
		{
			padding-left:			20px;
			background-image:		url('../images/commons/iconeGris_calendrier.png');
			background-repeat:		no-repeat;
			background-position:	left center;
			font-size:				11px;

		}
		.home_competition_item_name
		{
			font-size:		13px;
			color:			#3d3d3d;
			font-weight:	700;
			width:			90%;
		}
		.home_competition_item_location
		{
			background-image:		url('../images/commons/icone_localite.png');
			background-repeat:		no-repeat;
			background-position:	left center;
			padding-left:			20px;
			font-size:				12px;

		}
		#home #competition .link_block,
		#home #concours .link_block
		{
			text-align:		center;
			margin:			20px 0 0 0;
		}
		#home #competition .link:link,
		#home #competition .link:hover,
		#home #competition .link:active,
		#home #competition .link:visited,
		#home #concours .link:link,
		#home #concours .link:hover,
		#home #concours .link:active,
		#home #concours .link:visited
		{
			color:					#3d3d3d;
			padding:				5px 25px;
			font-size:				14px;
			text-decoration:		none;
			position:				relative;
			font-weight:			700;
			text-shadow:			none;
			display:				inline-block;
		}


		#home #competition .link:hover,
		#home #concours .link:hover
		{
			color:		#6bdaee;
		}
		#home #competition .link::before,
		#home #competition .link::after,
		#home #concours .link::before,
		#home #concours .link::after
		{

			border:		1px solid #3d3d3d;
			
		}
	
	
		#home #competition .link::after,
		#home #concours .link::after  
		{
			border-color: #6bdaee;
		}

/*******************************
Partie RS
/*******************************/	
	#home .rs
	{
		-moz-border-radius:		10px;
		-webkit-border-radius:	10px;
		border-radius: 			10px;
		background-color:		#3D3D3D;
		padding:				20px;
		color:					#fff;
		margin-bottom:			40px;
	}
	#home .rs .title
	{
		font-size:		26px;
		font-weight:	700;
		float:			left;
		width:			55%;
	}
	#home .rs .links
	{
		float:	left;
		width:	45%;
	}
		#home .rs .link:link,
		#home .rs .link:hover,
		#home .rs .link:active,
		#home .rs .link:visited
		{
			background-repeat:	no-repeat;
			width:				30%;
			margin-left:		3%;
			height:				30px;
			display:			inline-block;
			margin-top:			5px;
		}	
		#home .rs .facebook
		{
			background-image: url('../images/commons/iconefb_blancheGrande.png');
		}
		#home .rs .facebook:hover
		{
			background-image: url('../images/commons/iconefb_bleuGrande.png');
		}
		#home .rs .googleplus
		{
			background-image: url('../images/commons/iconegoog_blancheGrande.png');
		}
		#home .rs .googleplus:hover
		{
			background-image: url('../images/commons/iconegoog_bleuGrande.png');
		}
		#home .rs .tweeter
		{
			background-image: url('../images/commons/iconeTwi_blancGrande.png');
		}
		#home .rs .tweeter:hover
		{
			background-image: url('../images/commons/iconetwi_bleuGrande.png');
		}


	/*******************************
Partie Score
/*******************************/
	#home .score
	{

	}

/*******************************
Partie Pub
/*******************************/
	#home .pub
	{

	}


/*******************************
Partie gauche
/*******************************/


/*******************************
Message du président
/*******************************/
#home .motp
{
	color:			#3d3d3d;
	margin-bottom:	40px;
}
	#home .motp h2
	{
		margin-top:		0 !important;
	}
	#home .motp h3
	{
		color:			#3d3d3d;
		display:		block;
		font-size:		16px;
		font-weight:	bold;
		margin-bottom:	3px;
		margin-top:		0;
		text-transform: uppercase;

	}
	#home .motp .picture
	{
		float:			left;
		width:			40%;
		margin-right:	3.5%;
	}
	#home .motp .block
	{
		float: left;
		width: 55%;
	}

	#home .motp h3
	{

	}

	#home .motp .text
	{
		margin-bottom:	20px;
		font-size:		12px;
		line-height:	120%;
		
	}

	#home .motp .link:link,
	#home .motp .link:hover,
	#home .motp .link:active,
	#home .motp .link:visited
	{
		color:					#3d3d3d;
		padding:				5px 25px;
		font-size:				14px;
		text-decoration:		none;
		position:				relative;
		font-weight:			700;
		text-shadow:			none;
		display:				inline-block;

	}
	#home .motp .link:hover
	{
		color: #6bdaee;

	}
	#home .motp .link::before,
	#home .motp .link::after 
	{
		border: 1px solid #3d3d3d;
	}

	#home .motp .link::after 
	{
		border-color: #6bdaee;
		
	}


/*******************************
News liste
/*******************************/
#home .news
{
	margin-bottom: 20px;
}
	#home .news .news_listitems
	{
		background-image:		url('../images/commons/actus_separator.png');
		background-position:	center 20px;
		background-repeat:		repeat-y;
	}
	#home .news .news_list_item:link,
	#home .news .news_list_item:hover,
	#home .news .news_list_item:active,
	#home .news .news_list_item:visited
	{
		float:				left;
		width:				46%;
		margin-right:		8%;
		color:				#3d3d3d;
		display:			block;
		text-decoration:	none;

	}
	#home .news .news_list_item:hover .title
	{
		/*text-decoration: underline;*/
	}

	#home .news .news_list_item:nth-child(1),#home .news .news_list_item:nth-child(2)
	{
		margin-bottom: 40px;
	}
	#home .news .news_list_item:nth-child(even)
	{
		margin-right: 0%;
	}


	#home .news .news_list_item .picture
	{
		float:			left;
		width:			47%;
		margin-right:	6%;
		position:		relative;
	}

	#home .news .news_list_item .picture::after
	{
		background-color:		rgba(107, 218, 238, 0);
		background-position:	center center;
		background-repeat:		no-repeat;
		bottom:					0;
		content:				" ";
		display:				block;
		left:					0;
		position:				absolute;
		right:					0;
		top:					0;
		transition:				all 0.3s ease-out 0s;
	}	
	#home .news .news_list_item:hover .picture::after
	{
		background-color: rgba(107, 218, 238, 0.5);
		background-image: url('../images/commons/plus.png');
	}
	#home .news .news_list_item .text .title
	{
		color:				#3d3d3d;
		display:			block;
		font-size:			16px;
		margin-bottom:		3px;
		margin-top:			0;
		font-weight:		bold;
		text-transform:		uppercase;
	}	

	.news_list_item .text 
	{
		float: right;
		width: 47%;
	}


/*******************************
Picture gallery
/*******************************/
#home .picturegallery
{

}
	#home .picturegallery > h2
	{
		display:		block;
		margin-top:		0;
	}
	#home .picturegallery .picturegallery_list_item
	{
		width: auto;
		margin-bottom: 40px;
	}
	#home .picturegallery .picturegallery_list_description
	{
		margin-bottom:	10px;
		font-size:		12px;
		width:			80%;
	}
	#home .picturegallery .picturegallery_list_title:link,
	#home .picturegallery .picturegallery_list_title:hover,
	#home .picturegallery .picturegallery_list_title:active,
	#home .picturegallery .picturegallery_list_title:visited
	{
		background-image:		url("../images/commons/icone_phototheque.png");
		background-position:	left center;
		background-repeat:		no-repeat;
		color:					#3d3d3d;
		display:				inline-block;
		font-size:				16px;
		font-weight:			bold;
		margin-bottom:			5px;
		padding-left:			25px;
		text-transform:			uppercase;

	}
	#home .picturegallery .picturegallery_list_title span
	{
		color: #aaa;
	}

	td {
		border:		medium none;
		margin:		0;
		padding:	0;
	}
	table
	{
		border-collapse: collapse;
	}
	#home .picturegallery .picturegalleryitem_item .highslide::after
	{
		content:				" ";
		display:				block;
		left:					0;
		position:				absolute;
		right:					0;
		top:					0;
		bottom:					0;
		background-color:		rgba(107,218,238,0);
		-webkit-transition:		all .3s ease-out;
		-moz-transition:		all .3s ease-out;
		-o-transition:			all .3s ease-out;
		transition:				all .3s ease-out;
		background-repeat:		no-repeat;
		background-position:	center 32px;
	}
	#home .picturegallery .picturegalleryitem_item 
	{
		display: block;
		float: left;
		height: 89px;
		overflow: hidden;
		width: 25%;
	}
	#home .picturegallery .video_block 
	{
		margin-bottom: 20px;
	}
	#home .picturegallery .video_item 
	{
		display: block;
		float: left;
		overflow: hidden;
	}
	#home .picturegallery .picturegalleryitem_item .highslide img
	{
		width: 100%;
	}

	#home .picturegallery .picturegalleryitem_item:hover .highslide::after
	{
		background-image: url('../images/commons/plus.png');
		background-color: rgba(107,218,238,0.5);

	}
	.highslide
	{
		position:			relative;
		text-decoration:	none;
				display: block;

	}
/*******************************
Partie bas
/*******************************/


#home .bannerfooter
{
	overflow:			hidden;
	height:				265px;
	margin-bottom:		20px
}


	#home .bannerfooter .block
	{
		float:				left;
		width:				40%;
		background-color:	#424242;
		color:				#fff;
		padding:			40px;
		height:				265px;
		position:			relative;
		
	}
	#home .bannerfooter .block::after
	{
		width:					56px;
		height:					265px;
		bottom:					0;
		content:				" ";
		display:				block;
		left:					100%;
		position:				absolute;
		background-image:		url('../images/commons/triangle_after.png');
		background-repeat:		no-repeat;
		background-position:	top right;
	}


		#home .bannerfooter .block_inner
		{
/*				-webkit-transform: 	skewX(45deg);
			-moz-transform: 	skewX(45deg);
			-ms-transform: 		skewX(45deg);*/
		}
	

		#home .bannerfooter .block .text
		{
			font-size:		14px;
			margin-bottom:	10px;

		}

		#home .bannerfooter .block h2
		{
			line-height: 130%;
		}


		#home .bannerfooter .block .link:link,
		#home .bannerfooter .block .link:hover,
		#home .bannerfooter .block .link:active,
		#home .bannerfooter .block .link:visited
		{
			-webkit-transition:		all .3s ease-out;
			-moz-transition:		all .3s ease-out;
			-o-transition:			all .3s ease-out;
			transition:				all .3s ease-out;
			padding:				5px 25px;
			margin:					10px 0;
			background-color:		#3d3d3d;
			-moz-border-radius:		5px;
			-webkit-border-radius:	5px;
			border-radius:			5px;
			position:				relative;
			color:					#FFF300;
			text-decoration:		none;
			display:				inline-block;
			font-size:				14px;
			font-weight:			700;
			/*border:				1px solid #3d3d3d;;*/
			text-decoration:		none;
		}	
		#home .bannerfooter .block .link::before,
		#home .bannerfooter .block .link::after 
		{
			position:				absolute;
			top:					0;
			left:					0;
			width:					100%;
			height:					100%;
			content:				'';
			-webkit-transition:		-webkit-transform 0.3s, opacity 0.3s;
			-moz-transition:		-moz-transform 0.3s, opacity 0.3s;
			transition:				transform 0.3s, opacity 0.3s;
			-moz-border-radius:		5px;
			-webkit-border-radius:	5px;
			border-radius:			5px;
			border:					1px solid #FFF300;


		}

		#home .bannerfooter .block .link::after  
		{
			opacity:			0;
			-webkit-transform:	translateY(-7px) translateX(6px);
			-moz-transform:		translateY(-7px) translateX(6px);
			transform:			translateY(-7px) translateX(6px);
			border-color: #6bdaee;

		}
		#home .bannerfooter .block .link:hover
		{
			color: #6bdaee

		}

		#home .bannerfooter .block .link:hover::before,
		#home .bannerfooter .block .link:focus::before
		{
			opacity:			0;
			-webkit-transform:	translateY(5px) translateX(-5px);
			-moz-transform:		translateY(5px) translateX(-5px);
			transform:			translateY(5px) translateX(-5px);
		}


		#home .bannerfooter .block .link:hover::after,
		#home .bannerfooter .block .link:focus::after
		{
			opacity:			1;
			-webkit-transform:	translateY(0px) translateX(0px);
			-moz-transform:		translateY(0px) translateX(0px);
			transform:			translateY(0px) translateX(0px);
		}

	#home .bannerfooter .picture
	{
		width: 60%;
		float: left;
		z-index: 50000;

	}
		#home .bannerfooter .picture img
		{
			width: 100%;
		}
/*******************************
Partner
/*******************************/
#home .partner
{
	overflow:	hidden;
	position:	relative;
	margin:		0 0 20px 0;
}
/**********************************
 * Liste > Items
 *********************************/
#home .partner .item:link,
#home .partner .item:hover,
#home .partner .item:active,
#home .partner .item:visited,
#home .partner .item
{
	float:			left;
    width:			14.6%;
	margin:			0% 1%;
}

#home .partner .item .picture img
{
	max-width: 		100%;
}




/****************************
 * Pub
 ****************************/
#home .pub_inner .advertising_item
{
	margin-bottom: 40px;
}
/****************************
 * RESPONSIVE < 700px
 ****************************/
@media only screen
and (max-width : 980px) 
{

}

@media only screen
and (max-width : 700px) 
{
    .commons_zoom
    {
        float:               none;
        width:               auto;
    }

}