.clear
{
	clear: both;
}
.half
{
	display: inline-block;
    width: 64%;
}

.commons_content_top
{

	background-image:		url("../images/content/titre-commercant-1.png");
    background-position:	left top;
    background-repeat:		no-repeat;
    margin-bottom:			0;
    padding-bottom:			20px;
    padding-left:			50px;
    padding-top:			0px;

}
.content_banner
{
	margin-bottom: 20px;
}
.content_pub .commons_content_top
{

	background-image: url("../images/content/titre-commercant-8.png");
}
.commons_content_top h1
{
    padding: 0 !important;
}
.commons_content h3
{
	margin-bottom: 0;

}




/******************************
* Tabs
/******************************/
#tabs
{

}

#tabs ul
{
	margin-left:	0;
    padding-left:	0;
	padding-top:	20px;
	position:		relative;
}
#tabs ul::after
{
	background-color:	#ff795e;
	content:			" ";
	display:			block;
	height:				5px;
	position:			absolute;
	top:				54px;
	width:				100%;
}

#tabs li
{
	list-style: none;	
}

.tabs_title_item
{
	float:					left;
	padding:				10px 20px;
	cursor:					pointer;
	text-transform:			uppercase;
	color:					#999;
	background-position:	7px 8px;
	background-repeat:		no-repeat;
	position:				relative;
}

.tabs_title_item.tabs_selected
{
	color:				#fff;
	background-color:	#ff795e;
}
.tabs_content_item 
{
	padding: 10px 0;
}




/****************************
 * Partie 4 bloc avec img
 ****************************/
.content_plv_link_top
{
	border-bottom:	1px solid #eee;
	padding-bottom: 20px;
	margin-bottom:	10px;
}
.content_pub .content_plv_link_top
{
	margin-bottom: 20px;
}
.content_link_item
{
	float:					left;
	width:					25%;
	text-align:				center;
	color:					#999;
	padding-top:			55px;
	background-position:	top center;
	background-repeat:		no-repeat;
}


.tabs_top
{
	padding: 20px 0 30px 0;
}
.tabs_top_logo
{
	float: left;

	padding-right:			20px;
	margin-right:			20px;
	border-right:			1px solid #eee;
	background-repeat:		no-repeat;
	height:					44px;

}
.tabs_top_intro
{
	float:				left;
	width:				65%;
	margin-top:			5px;
}
.tabs_content
{
	padding-bottom:		30px;
	margin-top:			10px;
	margin-bottom:		20px;
	border-bottom:		1px solid #eee;
}
.content_pub .tabs_content
{
	padding-bottom:			10px;
	margin-bottom:			20px;

}
.content_pub .tabs_contact
{
	padding-bottom: 10px;

}
.tabs_content_title
{
	color:				#333;
	font-weight:		400;
	text-transform:		uppercase;
	margin-bottom:		15px;
}
.content_pub .tabs_content_title
{
	margin-bottom:		20px;
}
.top_content_title
{
	margin-bottom:	20px;
	color:			#333;
	font-weight:	400;
	text-transform: uppercase;
}
.tabs_content_item_block 
{
	background-repeat:		no-repeat;
	background-position:	0 5px;
	background-image:		url('../images/content/plv-check.png');
	padding-left:			20px;
	margin-bottom:			10px;
}
.tabs_content_item_undertext
{
	color: #999;
}
.tabs_content_item_text span
{
	font-weight: 400;
}

.tabs_contact
{

}
.tabs_contact_price
{
	display:		inline-block;
    float:			left;
    width:			auto;
	text-align:		right;
	margin-top:		7px;
}
.tabs_contact_price_title
{

}
.tabs_contact_price_value
{
	font-size:		18px;
	color:			#ff795e;
	font-weight:	600;
}
.tabs_contact_infos
{
	float:			left;
	padding-left:	20px;
	margin-left:	20px;
	border-left:	1px solid #eee;
}
.tabs_contact_infos_title
{
	font-weight:	400;
	color:			#333;
	text-transform:	uppercase;
	margin-bottom:	5px;
}
.tabs_contact_infos_tel
{
	background-repeat:		no-repeat;
	background-position:	center left;
	background-image:		url('../images/content/plv-phone.png');
	padding-left:			20px;
}
.tabs_contact_infos_mail
{
	background-repeat:		no-repeat;
	background-position:	center left;
	background-image:		url('../images/content/plv-mail.png');
	padding-left:			20px;
}


/****************************²
 * Spécifique PLV
 ****************************/
.content_plv_link_message
{
	background-image: url('../images/content/plv-3.png');
}

.content_plv_link_prestation
{
	background-image: url('../images/content/plv-4.png');

}
.content_plv_link_print
{
	background-image: url('../images/content/plv-2.png');

}
.content_plv_link_contact
{
	background-image: url('../images/content/plv-1.png');
}
.content_plv_link_date
{
	background-image: url('../images/content/pub-1.png');
}
.content_plv_link_emplacement
{
	background-image: url('../images/content/pub-2.png');
}


.content_plv #tabs-1 .tabs_top_logo
{
}


/****************************²
 * Spécifique Pub
 ****************************/
.top_content_item_text
{
    font-size:		10pt;
    margin-bottom:	5px;
    text-transform: uppercase;
}
.top_content
{
	padding:			0px 0 0px 0;
	margin-bottom:		20px;
	border-bottom:		1px solid #eee;
}
.top_content_item_block::after 
{
	border:			1px solid #999;
	border-radius:	50%;
	color:			#999;
	display:		block;
	height:			30px;
	left:			0;
	padding-top:	4px;
	position:		absolute;
	text-align:		center;
	top:			4px;
	width:			30px;
}
.top_content_item_block
{
    margin-bottom:	20px;
    padding-left:	50px;
    position:		relative;
}
.top_content_item1::after
{
    content: "1";
}
.top_content_item2::after
{
    content: "2";
}
.top_content_item3::after 
{
    content: "3";
}
.top_content_item_undertext span
{
	color: #ff795e;
}


/****************************²
 * Comment ça marche ?
 ****************************/
.account_how_it_work .commons_content_top
{
	background-image:	none;
	border-bottom:		0px solid #eee;
	margin-bottom:		00px;
	padding-bottom:		00px;
	padding-left:		00px;
	padding-top:		0;
}
.account_how_it_work h1
{
	background-image:		url("../images/content/titre-commercant-7.png");
	background-position:	left -2px;
	background-repeat:		no-repeat;
	border-bottom:			0 solid #eee;
	margin-bottom:			0;
	padding:				6px 0 26px 50px !important;
}
.commons_content_top_banner
{
	margin-bottom: 20px;
}
.commons_content_inner_top
{
	border-bottom:	1px solid #eee;
	padding-bottom: 20px;
	margin-bottom:	20px;
}
.commons_content_inner_top_title
{
	color:			#333;
    font-weight:	400;
	text-transform: uppercase;
	margin-bottom:	15px;
}

.commons_content_inner_top_logo
{
	float:				left;
    padding-right:		20px;
    margin-right:		20px;
    border-right:		1px solid #eee;
    background-repeat:	no-repeat;
	margin-top:			9px;
}

.commons_content_inner_top_intro 
{
    float:			left;
    width:			65%;
    margin-top:		10px;
}
.commons_content_inner_logolist_title
{
	color:			#333;
    font-weight:	400;
	text-transform: uppercase;
	margin-bottom:	20px;

}
.commons_content_inner_logolist
{
	margin-bottom:	20px;
	padding-bottom: 10px;
	border-bottom:	1px solid #eee;
}
.commons_content_inner_logolist_item 
{
    margin-bottom:			20px;
    padding:				5px 0 5px 60px;
    position:				relative;
	background-position:	left center;
	background-repeat:		no-repeat;
}
.commons_content_inner_logolist_item.item1
{
	background-image: url('../images/content/1-comment-ca-marche-membre.png');
}
.commons_content_inner_logolist_item.item2
{
	background-image: url('../images/content/2-comment-ca-marche-membre.png');
}
.commons_content_inner_logolist_item.item3
{
	background-image: url('../images/content/3-comment-ca-marche-membre.png');
}
.commons_content_inner_logolist_item.item4
{
	background-image: url('../images/content/4-comment-ca-marche-membre.png');
}
.commons_content_inner_logolist_item.item5
{
	background-image: url('../images/content/5-comment-ca-marche-membre.png');
}


.commons_content_inner_logolist_item_title
{
	font-size:		10pt;
	margin-bottom:	5px;
	text-transform: uppercase;
}
.commons_content_inner_howto
{
	padding: 10px 00px 0 0;
}

.commons_content_inner_howto_item
{
	background-position:		center 10px;
	background-repeat:			no-repeat;
	border:						1px solid #eee;
	display:					block;
	float:						left;
	margin-bottom:				20px;
	margin-right:				3%;
	padding:					80px 20px 10px 20px;
	text-align:					center;
	width:						23%;
}
.commons_content_inner_howto_item span
{
	line-height: 110%;
}
.commons_content_inner_howto_item:nth-child(1)
{
	background-image: url('../images/content/1-sweet-compte-membre.png');
}
.commons_content_inner_howto_item:nth-child(2)
{
	background-image: url('../images/content/2-sweet-compte-membre.png');

}
.commons_content_inner_howto_item:nth-child(3)
{
	background-image: url('../images/content/3-sweet-compte-membre.png');
}
.commons_content_inner_howto_item:nth-child(4)
{
	margin-bottom: 0px;
	background-image: url('../images/content/4-sweet-compte-membre.png');
}
.commons_content_inner_howto_item:nth-child(5)
{
	margin-bottom: 0px;
	background-image: url('../images/content/5-sweet-compte-membre.png');

}
.commons_content_inner_howto_item:nth-child(6)
{
	margin-bottom: 0px;
	background-image: url('../images/content/6-sweet-compte-membre.png');

}

/****************************
 * RESPONSIVE < 700px
 ****************************/
@media only screen
and (max-width : 980px) 
{
	.commons_content_inner_howto_item
	{
		width:		31%;
		padding:	80px 10px 10px 10px;
	}
	.commons_content_inner_howto_item:nth-child(3),
	.commons_content_inner_howto_item:nth-child(6)
	{
		margin-right: 0;
	}
	.commons_content_inner_howto_item span 
	{
		line-height:	110%;
		height:			35px;
		display:		block;
	}
}

@media only screen
and (max-width : 700px) 
{
	.content_link_item
	{
		float:					left;
		width:					50%;
		text-align:				center;
		color:					#999;
		padding-top:			55px;
		background-position:	top center;
		background-repeat:		no-repeat;
		margin-bottom:			10px;
	}
}
@media only screen
and (max-width : 560px) 
{
	.content_link_item
	{
		background-position:	left center;
		background-size:		35px auto;
		float:					none;
		margin-bottom:			10px;
		padding:				10px 0 10px 50px;
		text-align:				left;
		width:					auto;
	}
	.content_link_item .half
	{
		width: 100%;
	}
	.commons_content_inner_top_logo
	{
		float:				left;
		padding-right:		10px;
		margin-right:		10px;
		border-right:		1px solid #eee;
		background-repeat:	no-repeat;
		margin-top:			9px;
	}
	.commons_content_inner_howto_item
	{
		width:			48%;
		margin-bottom:	20px !important;
	}
	.commons_content_inner_howto_item:nth-child(1),
	.commons_content_inner_howto_item:nth-child(3),
	.commons_content_inner_howto_item:nth-child(5)
	{
		margin-right: 4%;
	}
	.commons_content_inner_howto_item:nth-child(2),
	.commons_content_inner_howto_item:nth-child(4),
	.commons_content_inner_howto_item:nth-child(6)
	{
		margin-right: 0;
	}
}

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

	.tabs_title_item
	{
		cursor:			pointer;
		float:			none;
		width:			auto;
		border-bottom:	1px solid #eee;
		padding-left:	10px;
	}
	#tabs ul::after 
	{
		display: none;
	}

	@media only screen
	and (max-width : 500px) 
	{
		.account_how_it_work h1 
		{
			background-image:		url("../images/content/titre-commercant-7.png");
			background-position:	left 7px;
			background-repeat:		no-repeat;
			border-bottom:			0 solid #eee;
			margin-bottom:			0;
			padding:				6px 0 26px 50px !important;
		}
	}


	@media only screen
	and (max-width : 440px) 
	{
		.tabs_top_intro
		{
			float:			none;
			width:			auto;
			margin-top:		10px;
			clear:			both;
		}
		.tabs_top_logo
		{
			float:				none;
			padding-right:		20px;
			margin-right:		20px;
			border-right:		0px solid #eee;
			background-repeat:	no-repeat;
			display:			block;
			height:				auto;
		}
		.commons_content_inner_top_intro
		{
			float:			none;
			width:			auto;
			margin-top:		5px;
		}
		.commons_content_inner_top_logo 
		{
			float:				none;
			padding-right:		0px;
			margin-right:		0px;
			border-right:		0px solid #eee;
			background-repeat:	no-repeat;
			margin-top:			9px;
			margin-bottom:		10px;
		}
		.commons_content_inner_logolist_item
		{
			margin-bottom:			20px;
			padding:				60px 0 5px 5px;
			position:				relative;
			background-position:	center top;
			background-repeat:		no-repeat;
			text-align:				center;
		}
		#tabs ul::after
		{
			display: none;
		}
		.account_godfather_content_bloc
		{
			margin-bottom:	20px;
			padding-top:	00px;
			padding-left:	0px;
		}
		.account_godfather_content_bloc::after 
		{
			border:				1px solid #999;
			border-radius:		50%;
			color:				#999;
			display:			block;
			height:				30px;
			left:				0;
			padding-top:		4px;
			position:			absolute;
			text-align:			center;
			top:				-6px;
			width:				30px;
		}
		.account_godfather_content_bloc_title
		{
			height:			30px;
			padding-left:	40px;
			text-transform: uppercase;
		}

		.tabs_title_item::before
		{
			display: none;
		}
	}