/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

#btnMenu{
	text-transform:uppercase;
	display:none;
	background-color:#000;
	width:100%;
	padding:10px 0;
	color:#fff;
	font-size:16px;
	text-align:center;
	cursor:pointer;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_9 {
	margin:0 auto;
	width: 1070px;
}


/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_45,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9 {
	display:inline;
	float: left;
	position: relative;
	margin-right: 10px;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {margin-left: 0 !important;}
.omega {margin-right: 0 !important;}


/* Grid >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .grid_1 {width:110px;}
.container_9 .grid_2 {width:230px;}
.container_9 .grid_3 {width:350px;}
.container_9 .grid_4 {width:470px;}
.container_9 .grid_45 {width:530px;}
.container_9 .grid_5 {width:590px;}
.container_9 .grid_6 {width:710px;}
.container_9 .grid_7 {width:830px;}
.container_9 .grid_8 {width:950px;}
.container_9 .grid_9 {width:1070px;}


/* Prefix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .prefix_1 {padding-left:111px;}
.container_9 .prefix_2 {padding-left:222px;}
.container_9 .prefix_3 {padding-left:333px;}
.container_9 .prefix_4 {padding-left:444px;}
.container_9 .prefix_5 {padding-left:555px;}
.container_9 .prefix_6 {padding-left:666px;}
.container_9 .prefix_7 {padding-left:777px;}
.container_9 .prefix_8 {padding-left:888px;}


/* Suffix Extra Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .suffix_1 {padding-right:111px;}
.container_9 .suffix_2 {padding-right:222px;}
.container_9 .suffix_3 {padding-right:333px;}
.container_9 .suffix_4 {padding-right:444px;}
.container_9 .suffix_5 {padding-right:555px;}
.container_9 .suffix_6 {padding-right:666px;}
.container_9 .suffix_7 {padding-right:777px;}
.container_9 .suffix_8 {padding-right:888px;}


/* Push Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .push_1 {left:111px;}
.container_9 .push_2 {left:222px;}
.container_9 .push_3 {left:333px;}
.container_9 .push_4 {left:444px;}
.container_9 .push_5 {left:555px;}
.container_9 .push_6 {left:666px;}
.container_9 .push_7 {left:777px;}
.container_9 .push_8 {left:888px;}


/* Pull Space >> 9 Columns
----------------------------------------------------------------------------------------------------*/
.container_9 .pull_1 {left:-111px;}
.container_9 .pull_2 {left:-222px;}
.container_9 .pull_3 {left:-333px;}
.container_9 .pull_4 {left:-444px;}
.container_9 .pull_5 {left:-555px;}
.container_9 .pull_6 {left:-666px;}
.container_9 .pull_7 {left:-777px;}
.container_9 .pull_8 {left:-888px;}

/* Page CMS */
#right_column .block img,
#cms #center_column .rte img{max-width:100%;height:auto !important;}


@media screen and (max-width: 1100px) {
	#slideEcotec .homeslider-description,
	#slideEcotec .bx-controls{width:800px !important;}
	#slideEcotec .homeslider-description{margin-left:-400px !important;}
	.container_9 {
		width:800px !important;
	}

	.container_9 .grid_9 {
		width:100%;
	}
	.container_9 .grid_6 {
		width:70%;
	}
	.container_9 .grid_3 {
		width:29%;
	}

	.container_9 .grid_6 .grid_3 {
		width:49%;
		margin:0 !important;
	}

	.container_9 .grid_6 .grid_3.blockBoutonURL{margin-right:2% !important;}

	.grid_1,
	.grid_2,
	.grid_3,	
	.grid_4,
	.grid_45,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9 {
		margin-right: 1%;
	}
#NameSite{padding:20px 0 !important;}
	#categories_block_left ul li a{height:295px;}

	/* menu */
.sf-menu a{padding:0 10px !important;}


	/* Page accueil */
	h2.titleHome{width:100%;margin:0 0 10px 0;border-right:0;font-size:30px;border-bottom:1px solid #fff;}
	h2.titleHome img{height:30px;width:auto;padding-left:10px;}
	.editorial_block .rte{width:100% !important;}
	#blockActualitesNea h2.titleHome{padding-bottom:0 !important;background-position:right top !important;margin-bottom:20px !important;}
	.contentActualitesNea{width:100% !important;}

	#block_contact_infos iframe{width:100%;height:auto;}

	#frise .arrow{background-size: 80px 180px !important;width: 23px !important;}
	#frise .arrow.end {background-position: -60px top !important;}
	#frise .texte{}

	/* page catalogue */
	#categories_block_page_category .title_block{padding:90px 0 0 10px !important;background-position:left 10px top !important;font-size:30px !important;}
	#categories_block_page_category ul li li.grid_2{width:32% !important;}

	/* PAge boutique */
	#titre_boutique{font-size:20px !important;}
}

@media screen and (max-width: 830px) {
	.logo{width:200px;height:auto;margin-bottom:20px;}
	#slideEcotec .homeslider-description, #slideEcotec .bx-controls{width:100% !important;}
	#slideEcotec .homeslider-description{left:0 !important;margin:0 auto !important;position:relative;}
	.container_9 {
		width:100% !important;
		padding:0 10px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	/*Page  user ***THE ERASER ****/
	#account-creation_form fieldset, fieldset.account_creation{clear:left;margin-top:20px;}
	#account-creation_form p.radio span{width:auto !important;}
	#account-creation_form p.checkbox input,
	#account-creation_form .password span.form_info{margin:0 10px !important;}
	fieldset p.text label, 
	fieldset p.select label, 
	fieldset p.select span, 
	fieldset p.textarea label,
	fieldset p.password label{
		display:block !important;
		width:100% !important;
		text-align:center !important;
		padding:0 !important;
	}
	fieldset p.submit input,
	fieldset p.select select,
	fieldset p.textarea textarea,
	fieldset p.text input,
	fieldset p.select input,
	fieldset p.password input{
		float:inherit !important;
		display:block !important;
		margin:0 auto!important;
		width:80% !important;

	}
		
	fieldset p.submit{padding:0 !important;}
	ul.step {
	font-size:11px !important;
}
#authentication #create-account_form fieldset, #authentication #login_form fieldset{height:auto;}
#login_form,
#create-account_form{margin-right:0;width:100% !important;}
a.passwordForget{padding:0;display:block;width:100%;text-align:center;}

#layered_block_left ul li{width:105px;}
#product_list li .left_block{width:20% !important;}
#product_list li .left_block img{width:100%;height:auto;}
ul.boutique li .center_block{width:79% !important;}
	
}

@media screen and (max-width: 740px) {
	#NameSite{padding:10px 0 !important;}
	#slideEcotec .homeslider-description{top:320px !important;}
	#slideEcotec .homeslider-description a span,
	#slideEcotec .homeslider-description a{line-height:auto !important;font-size:20px !important;}
	#btnMenu{display:block;}
	.sf-menu{text-align:center;}
	.sf-menu li{float:inherit !important;border-bottom:1px solid #333;}
	.sf-menu a{border-right:0 !important;}
	.sf-menu ul{position:relative !important;top:0 !important;width:100%  !important;display:block !important;visibility:inherit !important;}
	.sf-menu li li{display:block !important;background-color:#333 !important;border-bottom:0;}
	.sf-menu li li a{font-size:12px !important;color:#fff !important;}
	.container_9 .grid_6,
	.container_9 .grid_45,
	.container_9 .grid_4,
	.container_9 .grid_3,
	.container_9 .grid_2{width:100% !important;}

	/* PAge d'accueil */
	#page .blockBoutonURL, #blockOffresEmploisNea{height:220px !important;}
	#blockOffresEmploisNea span,
	#page .blockBoutonURL span{padding-right:0 !important;padding-top:100px !important;background-position:top center !important;font-size:16px;line-height:auto !important;}

	#right_column{margin-top:10px;}

	#categories_block_left ul li a{
		padding-top:0;
		height:auto;
		-webkit-border-radius:0px !important;
		-moz-border-radius:0px !important;
		border-radius:0px !important;
	}
	#categories_block_left ul li a p{width:80% !important;font-size:18px;}

	/* PAge CMS */
	#cms #center_column h1{padding:80px 10px 10px 10px !important;background-position:left 10px top !important;}
	#frise .texte{width:33% !important;font-size:9px !important;}
	#frise .arrow{display:none;}
	#frise .texte.stop{clear:left;}

	/* Page catalogue */
	.pdfGamme, .bandeauTitleCat{width:100% !important;}
	#product_list li .center_block{width:100% !important;}
	.bandeauTitleCat h1{font-size:14px;}
	#product_list li{border-bottom:1px solid #aaa;}

	/* PAge boutique*/
	#titre_boutique{font-size:18px;}
	.sf-menu-back a{font-size:14px !important;}


	/* page produit à vendre*/
	#pb-right-column,
	#pb-left-column{padding:0 20px;}

	/* Page client */
	#create-account_form, #authentication #login_form{width:100%;height:auto;}
}

@media screen and (max-width: 420px) {
	#entete .blockBoutonURL{padding-right:5px !important;background-image:inherit !important;}
	#search_block_top #search_query_top{width:110px !important;}
}