/*** default styles */
* {box-sizing : border-box;  padding: 0;margin: 0;}
select * {padding: 0 0.5em;}
ul, ol {list-style: none;}
a img, :link img, :visited img, object, fieldset {border: none;}
a:focus, a:hover {text-decoration: underline;}
a:active {outline: none;}
a {outline: none;}
address {font-style: normal;}
:link, :visited {text-decoration: none;}
legend {position: relative;left: -6px;/* ie */}
/*** font size : http://www.knacss.com/ */
html {font-size: 62.5%;}
body {background-color: #fff;color: #000;font-family: helvetica, arial, sans-serif;font-size: 1.6em; /* equiv 14px */line-height: 1.5; /* adapt to your design */}
input, select, textarea {font-size: 100%;}
/*** Float containers (http://www.csscreator.com/attributes/containedfloat.php) */
.clearfix:after {content: ".";display: block;height: 0;font-size:0;clear: both;visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
/*** Image Replacement */
.mir {letter-spacing : -1000em;}
/*\*/
* html .mir {text-indent: -999em;overflow: hidden;}
html>body .mir {letter-spacing: normal;text-indent: -999em;overflow: hidden;}/**/
/*** generic style */
.clear {clear: both;}
div.clear {height: 0;}
.no-wrap {white-space:nowrap;}
/*** error */
.errorOutput {font-weight: bold;padding: 0.5em 20px;border-top: 2px solid #eee;	border-bottom: 2px solid #eee;background: transparent url(/style/alert.gif) no-repeat left center;}
a:link, a:visited {color : #F08927;}

body{
	font-family: 'Catamaran', sans-serif;
	font-weight : 400;
}

#header, #menu, #main, #footer {width : 100%;}

.page {
	width : 100%;
	max-width : 1300px;
	margin : 0 auto;
}

.col1-2,
.col1-3,
.col2-3,
.col3-4,
.col1-5,
.col2-5,
.col4-5,
.col1-6,
.col1-4 {float : left;}

.col, .col1-1{width: 100%; }
.col3-4{width: 75%;}
.col1-2{width: 50%;}
.col1-3{width: 33.33%;}
.col2-3{width: 66.66%;}
.col1-4{width: 25%;}
.col1-5{width: 20%;}
.col2-5{width: 40%;}
.col4-5{width: 80%;}
.col1-6{width: 16.66%;}

.flexParent {
    display: flex;
    flex-wrap: wrap;
}

.flex1-2,
.flex1-3,
.flex2-3,
.flex3-4,
.flex1-5,
.flex1-4 { 
    display: flex;
}

.flex{width: 100%; }
.flex3-4{width: 75%;}
.flex1-2{width: 50%;}
.flex1-3{width: 33.33%;}
.flex2-3{width: 66.66%;}
.flex1-4{width: 25%;}
.flex1-5{width: 20%;}

.column2 {
	-moz-column-gap: 20px;
	-moz-columns: 2 auto;
	-webkit-column-gap: 20px;
	-webkit-columns: 2 auto;
}

.column3 {
	-moz-column-gap: 20px;
	-moz-columns: 3 auto;
	-webkit-column-gap: 20px;
	-webkit-columns: 3 auto;
}

.padding{padding: 20px;}
.paddingLR{padding: 0 20px;}
.paddingTB{padding: 20px 0 ;}
.paddingTBSmall{padding: 5px 0 ;}
.padding_small{padding: 10px ;}
.padding_big{padding: 40px ;}


.marginPageNull {
	margin : 0 auto;
	max-width : 1500px;
	padding : 40px 0;
}
.paddingBigBottom {padding-bottom : 50px;}
#top .padding {padding : 0 10px;}

.col_sans_titre { padding-top : 40px; } 

.bg_img {background: transparent none no-repeat center center; background-size : cover;}
#contact .bg_img {min-height : 550px;background-image: url(/style/contact/rt-events-batiment.jpg);}
.cms-root-references  .bg_img {min-height : 550px;background-image: url(/style/references/reference-realisation-rt-event.jpg);}
.cms-root-recrutement  .bg_img {min-height : 550px;background-image: url(/style/references/reference-realisation-rt-event.jpg);}
#recherche  .bg_img {min-height : 550px;background-image: url(/style/references/reference-realisation-rt-event.jpg);}
#lieux  .bg_img {min-height : 550px;background-image: url(/style/references/reference-realisation-rt-event.jpg);}

/*gestion des couleurs et des fonds  */
 
.bg_gris_fonce {background-color : #58585a; color : #fff;}
.bg_gris_clair {background-color : #f4f4f4; color : #000;}
.bg_gris_clair_plus {background-color : #FAFAFA; color : #000;}
.bg_blanc {background-color : #fff; color : #423531;}
.bg_noir {background-color : #000; color : #fff;}
.bg_noir_transparent {background-color : rgba(0,0,0,0.5); color : #fff;}
.bg_orange {background-color : #F08927; color : #fff;}
.bg_bleu {background-color : #2f4b5b; color : #fff;}
 



.bg_gris_clair a:link, .bg_gris_clair a:visited, 
.bg_blanc a:link, .bg_blanc a:visited {color : #000;}   
.bg_orange a:link, .bg_orange a:visited, 
.bg_orange a:link, .bg_orange a:visited, 
.bg_bleu a:link, .bg_bleu a:visited, 
.bg_noir a:link, .bg_noir a:visited, 
.bg_gris_fonce a:link, .bg_gris_fonce a:visited {color : #fff!important;} 

.color_bleu, .bg_blanc .color_bleu a:link, .bg_blanc .color_bleu a:visited {color : #2f4b5b!important;}

.color_orange, .bg_blanc .color_orange a:link, .bg_blanc .color_orange a:visited, 
 .bg_blanc  a.color_orange:link, .bg_blanc a.color_orange:visited  {color : #F08927!important;} 
.section {padding : 40px 0;}
.section_small {padding : 10px 0;}

.section_vh {height : 100vh; position : relative; z-index : 30;}
#sectionR_0 {height : calc(100vh - 105px);}
.sectionSR_0 {height : calc(100vh - 105px);}

.img_100{
	display: block;
    line-height: 1;
    max-width: 100%;
    width: auto;
}

.float_right {float : right;}
.float_left {float : left;}

.align_center {text-align : center;}
.align_right {text-align : right;}
.align_justify {text-align : justify;}

.absoluteCenter {
	position : absolute;
	top : 50%; 
	left : 50%;
	transform : translate(-50%,-50%);
	width : 100%;
}

.positionRelative {
	position : relative;
}
.cache_relative {
	position : absolute;
	z-index : 0;
	right : 0; 
	bottom : 0;
}
.bloc_after_img {overflow : hidden;}
iframe{line-height : 1em; display : block;}
.borderBottomSection {border-bottom : 1px solid #fff;}


.ombreText  {text-shadow: 2px 2px 2px #000000;}

/*** header  *****************************************/

	a#logo {
		padding-top : 10px;
	}
	a#logo .img_100{
		display : block;
		max-height: 40px;
	}
	#accueil a#logo .img_100{
		max-height: inherit;
	}
	
	#slider {}
	/*header  + section, header  + .section  {padding-top : 63px;}*/
	main {padding-top : 105px;}
	
	.materiel-root-vente main, 
	.materiel-root-occasion main,
	.materiel-root-location main {
		padding-top : 135px;
	}
	
	#contact main {padding-top : 61px;}
	
	#accueil header  + section, #accueil header  + .section  {padding-top : 97px;}
	
	
	
/*** menu *****************************************/
		header  {
			position : absolute; 
			top : 0; 
			left : 0;
			z-index :  300;
			width : 100%;
		}
		
		header.bg_blanc2 {
			padding : 20px 0;
		}
		
		header .padding{padding : 0 20px 10px;}
		
	
		header h1 {
			font-size: 80%;
			font-weight: 300;
			line-height: 1.1em;
			padding: 16px 0 0 10px;
		}
		
			#accueil header h1 {
				font-size : 120%; 
				padding : 25px 0 0  10px;
			}
		
		header h1,#logo {float : left;}
		
		
	header nav {text-align : right; }
	header nav ul {padding-top : 0px; position : relative; font-size : 90%;}
	#accueil header nav ul {font-size : 100%; padding-top : 15px;}
	header nav li {display : inline-block; padding : 10px;}
		
		header nav li a, header nav li strong{
			cursor: pointer;
			display : block; 
			font-weight: 400;
			border-bottom : 2px solid transparent;
		}
		
		header nav li a:focus, header nav li a:hover,
		#contact header  nav li#nav-contact a, 
		#devisheader  nav li#nav-devis a, 
		.cms-root-evenement header nav li#nav-evenements a, 
		.cms-root-prestation  header nav li#nav-prestations a, 
		.cms-root-integration  header nav li#nav-integration a, 
		#materielheader  nav li#nav-materiel  a, 
		.materiel-root-vente header nav li#nav-materiel > a, 
		.materiel-root-occasion header nav li#nav-materiel > a, 
		.materiel-root-location header nav li#nav-materiel > a, 
		#accueil header nav li#nav-accueil a {
			border-bottom : 2px solid #000;
			text-decoration : none;
		}
		
		header nav li#nav-materiel > a::after {
			content : '\f0d7';
			font-family : fontAwesome;
			padding-left : 5px;
			
		}
		
		header nav ul ul {
			
			opacity: 0;
			visibility: hidden;
			position: absolute;
			top: 40px;
			right: 140px;
			z-index: 9999;
		/*	box-shadow: 0px 5px 5px 0px rgba(200,200,200,1);
			background: #fff;*/
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
			width : auto;
			text-align : left;
			font-size : 85%;
		}
		
		#materielheader  nav ul ul , 
		.materiel-root-occasion header  nav ul ul , 
		.materiel-root-location header nav ul ul , 
		.materiel-root-vente header nav ul ul {
			opacity: 1;
			visibility: visible;
		}
		
	/*	.bg_gris_clair nav ul ul {background: #f4f4f4;}*/
		header nav li:hover > ul {
				opacity: 1;
				visibility: visible;
				margin: 0;
		}

		header nav li li{display : inline-block; padding : 3px 5px; }
		
		header nav li li a {
			border : none; 
			-webkit-transition: all .2s ease-in-out;
			-moz-transition: all .2s ease-in-out;
			-ms-transition: all .2s ease-in-out;
			-o-transition: all .2s ease-in-out;
			transition: all .2s ease-in-out;
			padding : 0 3px;
		}
		
		header nav li li a:focus,header  nav li li a:hover,
		.materiel-root-occasion header  nav li#nav-occasion a, 
		.materiel-root-location header  nav li#nav-location a, 
		.materiel-root-vente header nav li#nav-vente a {
			border : none; 
			background : #000;
			color: #f4f4f4!important;
		}
		
		header nav li#nav-devis {position : relative;}
		
		#nbArticlesSelection  {
			border: none;
			position: absolute;
			top: 1px;
			right: -6px;
			font-size: 90%;
			font-weight: 300;
			line-height: 1em;
			background: #F08927;
			border-radius: 50%;
			padding : 5px 0;
			color: #fff;
			width: 22px;
			height: 22px;
			display: block;
			text-align: center;
		}
		
	form#recherche input {
		padding : 3px 3px;  
		width : 85px;
		border : none; 
		background : #f6f6f6; 
		color : #000;
		font-size : 70%; 
		text-transform : uppercase;
		font-weight : 300;
	}
	form#recherche .loupe{
		float : left;
		display : block;
		padding : 0 5px 0 0;
		z-index : 100;
		position : relative;
	}
		
	
	form#recherche ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:    #8c8c8f;
		font-size : 70%; 
		text-transform : uppercase;
		font-weight : 300;
	}
	form#recherche  :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	   color:    #8c8c8f;
	   opacity:  1;
		font-size : 70%; 
		text-transform : uppercase;
		font-weight : 300;
	}
	form#recherche  ::-moz-placeholder { /* Mozilla Firefox 19+ */
	   color:    #8c8c8f;
	   opacity:  1;
		font-size : 70%; 
		text-transform : uppercase;
		font-weight : 300;
	}
	form#recherche  :-ms-input-placeholder { /* Internet Explorer 10-11 */
	   color:    #8c8c8f;
		font-size : 70%; 
		text-transform : uppercase;
		font-weight : 300;
	}
	form#recherche  ::-ms-input-placeholder { /* Microsoft Edge */
	   color:    #8c8c8f;
		font-size : 70%; 
		text-transform : uppercase;
		font-weight : 300;
	}	


	#slider {		
		max-height: 100vh;
		overflow: hidden;
	}
	
	.img_100.slideMobile {
		display : none;
	}
		
	.contentSlide strong, .contentVH h1 {
		font-size : 220%; 
		text-transform : uppercase;
		font-weight : 300;
	}

	.contentSlide p {
		font-size : 400%; 
		padding : 30px 0 50px;
		font-weight : 600;
	}

	.contentVH strong{
		font-size: 400%;
		font-weight: 600;
		display: block; 
	}
	.contentSlide a{font-size : 120%;}


.transformNone {text-transform : none;}


.sectionSuite {
	width : 100%;
	-webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
	will-change: transform;
    top: 0;
	/* position: absolute;
	z-index: 0;
	margin-top: 100px;
	opacity: 0; */
	z-index: 0; 
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.sectionSuiteActive {
	position: relative; 
	visibility: inherit; 
	top: -100px; 
	z-index: 100; 
	opacity: 1; 
}


.sectionSuiteInActive {
	position: absolute; 
	visibility: inherit; 
	top: 100px; 
	z-index: 0; 
	opacity: 0; 
}



	.borderVideo {
		border-right : 1px solid #fff;
		border-top : 1px solid #fff;
		border-bottom  : 1px solid #fff;
	}
	
	.bg_noir .borderVideo:first-child {
		border-left : 1px solid #fff;
		
	}

	.border1Gris {
		border : 1px solid #58585a; 
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
		background : #f4f4f4
	}
	
/*** references **/ 
	.border1Gris:hover, .border1Gris:focus {background : #FFF}
	
	.vignetteReference {
		display : block;
		margin-bottom : 10px;
		overflow : hidden;
	}
	
	.border1Gris img, .border1Gris img {
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		transition: all 1s ease;
		overflow : hidden; 
	}		
	.border1Gris:hover img, .border1Gris:focus img {		
		-moz-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		-webkit-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}
	
	
	

	.descReferences {
		max-height : 134px; 
		overflow : hidden;
	} 
	.blocDescReferences img{margin : 0 auto; display: block;} 
	/*.imgScrollAction  {
		position: relative;
		width: 100%;
		height: 370px;
		overflow: hidden;
		border-top: 4px solid #fff;
		border-bottom: 4px solid #fff;
	}
	
	.imgScrollAction   img {
		position: absolute;  
		top:0;
		left: 0;
	}*/
	
	.etiquette {text-transform : uppercase; padding : 2px 5px; font-size : 60%; font-weight : 300; }
	
	.etiquette_548 { background : #9C1A0D; }	
	.etiquette_549 {	background : #095260; }
	.etiquette_558 {	background : #9C700D;}
	.etiquette_559 {	background : #9C530D;}
	
	
	.color_548::after { color : #9C1A0D!important; }	
	.color_549::after {	color : #095260!important; }
	.color_558::after {	color : #9C700D!important;}
	.color_559::after {	color : #9C530D!important;}
	
	
.referenceHorsRubrique {display : none; visibility: hidden;}	
/*** parallax ***/

	.parallax-container {
	  position: relative;
	  overflow: hidden;
	/*  height: 370px;*/
	}

	.parallax-container .parallax {
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  z-index: -1;
	}

	.parallax-container .parallax img {
	
	  display: none;
	  position: absolute;
	  left: 50%;
	  bottom: 0;
	  min-width: 100%;
	  min-height: 100%;
	  -webkit-transform: translate3d(0, 0, 0);
			  transform: translate3d(0, 0, 0);
	  -webkit-transform: translateX(-50%);
			  transform: translateX(-50%);
	}

	
	
	.cmsArticle1-col {float : left; }
	.cmsArticle1-col li {
		-webkit-transition: all 200ms ease-in;
		-moz-transition: all  200ms ease-in;
		transition: all  200ms ease-in;
		border : 1px solid #f4f4f4; 
		padding : 10px;  
		display : inline-block; 
		margin : 5px; 
		text-transform : uppercase; 
		font-size : 80%;  
	}
	.cmsArticle1-col li a{
		
		display : block;
	}
	.cmsArticle1-col li a:hover, .cmsArticle1-col li a:focus{text-decoration : none; }
	
	.cmsArticle1-col li:hover, .cmsArticle1-col li:focus{		
			-moz-transform: scale(1.1,1.1);
			-ms-transform: scale(1.1,1.1);
			-webkit-transform: scale(1.1,1.1);
			transform: scale(1.1,1.1);
	}
	/*.cmsArticle1-col li:before {content : "\f111"; padding-right : 5px; font-family : fontAwesome; font-size : 50%; color : #58585A;}*/
	
	
/*** recrutement   *****************************************/

.cmsRecrutementArticle {
	border-bottom : 1px solid #e5e5e5; 
	margin-bottom : 20px;
}


/*** famille  *****************************************/

/******* breadcrumb *****/
	
	#breadcrumb .padding{padding : 10px 20px;}
	#breadcrumb li {display : inline-block; font-size : 80%;}
	#breadcrumb li::before{
		content : ">";
		padding-right : 5px;
	}
	
	#breadcrumb li a, #breadcrumb li span, #breadcrumb li strong {
		 padding : 10px 2px;
		
	}
	
	#breadcrumb li strong {text-transform : none;}
	
	#breadcrumb li.breadcrumbType strong, #breadcrumb li:first-child  {
		font-weight : 600;
	}
	
	
	#breadcrumb li.breadcrumbType::before, #breadcrumb li:first-child::before {
		display : none;
	} 
	
	#breadcrumb li:first-child  a, #breadcrumb li:first-child  span{padding-left : 0;}
	
	#nav-sec {
		position : absolute; 
		z-index : 200;
		width : 100%;
		top : 60px;
		/*box-shadow: 0px 5px 5px 0px rgba(229,229,229,1);*/
		border-bottom : 1px solid #F4F4F4; 
		font-size : 80%;
		/*-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;*/
	}
	
	#nav-sec.nav-fix {
		max-width: none;
		position: fixed;
		top: 0;
		width: 100%;
		background : rgba(255,255,255,0.9);
	}
	
	#nav-sec.nav-intemediaire {
		top : -40px;
	}
	
	#sousRubriques {
		text-align : center;
	}
	.nav-sousRubriques {text-align : right; padding : 10px 20px;}
	.nav-sousRubriquesInt {text-align : center;}
	.nav-sousRubriques li{
		display : inline-block;
		vertical-align : middle;
		padding : 0 5px;
		font-size : 95%;
	/*	max-width : 120px;*/
		text-align : center;
	}
	
	.nav-sousRubriquesInt li{
		border-left : 1px solid #f4f4f4;
	}
	
	.nav-sousRubriquesInt li:first-child{border-left : none;}

	.nav-sousRubriques li a{
		padding : 3px;
		display: block;
		
	}

	.nav-sousRubriques li a:focus, 
	.nav-sousRubriques li a:hover, 
	.nav-sousRubriques li a.active{
		font-weight : 600;
		text-decoration : none;
	} 

	.uneFamille {
		position : relative;
		display : block;
		width : 100%; 
		min-height : 350px;
		overflow : hidden;
	}

		
		.uneFamille .img_100{
			width : 100%; 
			max-width : inherit;
		}

	h2.col {	margin-bottom : 0;} 

	h1 .uneFamille div, 
	h2 .uneFamille div{
		padding: 20px;
		position : absolute;
		top : 50%;
		left : 50%; 
		transform : translate(-50%,-50%);
		color : #fff;
		display: block;
		width: 100%;
		text-align : center;
	}

	h1 .uneFamille div a,  
	h2 .uneFamille div a {color : #fff!important;} 
	
	h1 .uneFamille strong, 
	h2 .uneFamille strong{
		font-size : 250%; 
		color : #fff;
		font-weight : 600;
		text-transform : none;
	}

	h1 .uneFamilleP strong{font-size : 180%; }
	h2 .uneFamilleP strong{font-size : 350%; }

	.famillePrincipale  .uneFamille { 
		min-height : inherit;
	}


	.uneFamille ul{
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		transition: all 1s ease;
		opacity : 0;
		height : 0;
	}

		.uneFamille:hover ul,  .uneFamille:focus ul {
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
			opacity: 1;
		   height : auto;
		}


			
	.uneFamille img {
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		transition: all 1s ease;
		overflow : hidden
	}



		.uneFamille:hover img,  .uneFamille:focus img {
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
			opacity: 0.8;
			-moz-transform: scale(1.1,1.1);
			-ms-transform: scale(1.1,1.1);
			-webkit-transform: scale(1.1,1.1);
			transform: scale(1.1,1.1);
		}

		
		#selectOrdreMateriel {
			background-color : #e5e5e5;
			border-radius : 5px;
			text-align : center; 
			min-width : 251px;
		}
a.lienPack:focus, a.lienPack:hover {text-decoration: none; cursor : default;}
/*** details matériel  *****************************************/
	h2 .materielArticleTitre {
		font-size : 120%; 
		font-weight : 600;
		text-transform : normal;
		line-height : 1.1em;
		display : block;
		height : 52px; overflow : hidden;
	}
	
	.materielArticleDesc li::before {
		content : '\2219 '; 
		padding-right : 5px;
		
	}
	 
	.materielArticleDesc  {
	
		height : 67px; overflow : hidden;
	}

	
	.materielArticlePrix {
		font-weight : 600;
		font-size : 140%;
	}
	
	
	.materielArticleResume{
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		transition: all 1s ease;
	}
		.materielArticleResume:hover , .materielArticleResume:focus {
				-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.5);
			-o-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.5);
			-moz-box-shadow:    0px 5px 10px 0px rgba(0, 0, 0, 0.5);
			box-shadow:         0px 5px 10px 0px rgba(0, 0, 0, 0.5);
		
		}

	.materielArticleResume .col{
		border-bottom  : 3px solid #e5e5e5;
	
	}
	.materielArticlePhoto {
		height : 280px;
	/* 	max-width : 100px;*/
		margin : 20px 0;
		display : block;
		overflow: hidden;
	}
	#materielAssociesArticle .materielArticlePhoto  {height : 150px;}
	.materielArticlePhoto .img_100{
		max-width : 100%;
		max-height: 100%;
		margin: 0 auto;
	}
	
	
	.materielArticleBlocAction {
		/*padding-bottom : 20px;*/
	}
	
	.materielArticleResume .btn_orange, .materielArticleResume .btn_orange{
		opacity : 0;	
	}
	
		.materielArticleResume:hover .btn_orange, .materielArticleResume:focus .btn_orange{
			opacity : 1;	
		}
		.materielArticleResume:hover .col, .materielArticleResume:focus .col{
			border : none;	
		}
	
	
	
	h1.materielTitreArticle {margin-bottom : 20px;}
	
	.materielArticlePrix {
		color : #F08927;
		font-size : 150%;
	}
		.materielArticleResume .materielArticlePrix {color : #000;}
		
	.materielArticlePrix small{color : #000; font-size : 80%;}
	
    .materielStock::before {
	    display: inline-block;
	    content: '\0000A0';
	    font-size: 20px;
	    width:20px;
	    height:20px;
	    line-height: 20px;
	    border-radius: 50%;
    }

    .materielStock-1::before {background: green;}
    .materielStock-0::before {background: red;}
	
	.legendeTitreArticle {
		font-size : 90%;
		font-weight : 600;		
		color : #58585a;
		text-transform : uppercase; 
		display : block; 
		padding-top : 5px;
	}
	
	#sectionIntroMateriel .page, .borderBottom {
		border-bottom : 1px solid #E5E5E5;
	}
	
	.uneAsso {
		background : transparent url(/style/realisation-test.jpg) no-repeat center center;
		background-size : cover;
		padding : 50px;
		min-height : 350px;
		font-size : 130%;
	}
	
	.uneAsso .uneAssoContent {
		width: 100%;
		height: 100%;
	    -webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		transition: all 1s ease;
	}
	
	
	.uneAsso h2 {
		font-weight : 800;
		text-transform : none;
	}
	
	.uneAsso strong {
		font-weight : 300;
		text-transform : uppercase;
	}
	
	.uneAsso .btn_suite {
		font-size : 80%;
	}
	
	.uneAssoContent:hover, .uneAssoContent:focus {
		background : none;
	}
	
	.navRubriqueInt {border-bottom : 2px solid #fff;}
	.clicRubrique {cursor : pointer;}
	
	.grid-sizer  {
		width : 25%;
		padding :20px;
		box-sizing : border-box;
		line-height : 1;
		float : left;
		position: absolute;
	}
	
	
	.uneAssoAccueil {border-left : 1px solid #fff;}
	.uneAssoAccueil:first-child {border-left : none;}
	
	
	
/******* materiels associes *****/
	
		#materielAssociesArticle .materielArticleTitre {
			line-height : 1.2em;
			font-size : 100%;
			height : 49px;
		}
		
		#materielAssociesArticle .materielArticlePrix {
			font-size : 120%;
			
		}
	
		
		#materielAssociesArticle .btn_orange {
			font-size : 80%;
			padding : 5px;
		}
		
		/*.rechercheResponsive {display : none;}*/
	.rechercheResponsive  input{margin-left : 15px; padding : 5px 20px; border : 1px solid #f4f4f4;}
	
	.paddingPlus {padding-top : 60px;}
	
/******* devis *****/
		#materielSelectionForm li {position : relative;}
		.btn_trash {position : absolute; top : 10px; right : 20px; }
/*** liste + paragraphe  *****************************************/
	ul.list{
		list-style-type : disc;
		margin-left : 15px;
	}
	ul.inline{
		list-style-type : none;
		margin-left : 0;
	}
	
	ul.inline li {display : inline-block; padding : 0 20px;}
	
	.section  p {margin-bottom : 0.5em;}
	
	.blocDescReferences p, .blocDescReferences ul, .typeArticle  p , .typeArticle  ul{font-size : 115%;}
	
	.section  p strong {font-weight : 600;}
	
	.img_100, .descCMS img {
		max-width : 100%;
		display : block; 
		line-height : 1; 
		width : auto;
	}
	
	
	.marginAuto {margin : 0 auto;}
	
	.ico::before {
		font-family : fontAwesome; 
		content : '\f041';
		float :left;
		padding-right : 5px;
		color : #fb6f63;
		line-height : 1;
		font-size : 200%;
	}

	.ombreText .ico {
		font-size : 140%;
		display : inline-block;
	}

	.ombreText .ico::before {
		display : inline;
		color : #fff;
	}
	
	.ico-clock::before {
		content : '\f017';
		font-size : 130%;
		padding-right : 10px;
	}


	 p.ico span{overflow : hidden; display : block;}
	 p.ico::before{float : left;}

	.ico-map::before { content : "\f3c5"; font-weight : bold;}
	.ico-mobile::before { content : "\f3cd"; font-weight : bold;}

	.ico-phone::before { content : "\f095"; font-weight : bold;
		font-size : 110%;}

	.ico-mail::before { content : "\f0e0"; font-weight : bold;
		font-size : 110%;}
	.ico-pdf::before { content : "\f1c1"; font-weight : bold;}



	.overflowH {overflow : hidden;}
	
	.big {font-size : 140%;}
	.small {font-size : 90%;}
	.big_border{
		font-size : 140%;
		border-bottom : 2px solid #818181;
		padding-bottom : 5px;
		margin-bottom : 5px;
		display : block;
	}
/* =pagination */
	.nav-page span {
	 float: left;
	 margin-bottom: 1.5em;
	}
	
	
	.nav-page li {
		 display: inline-block;
		 margin: 0 0.4em;
		 padding : 2px 6px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
	}
	
	.nav-page li.fp, .nav-page li.pn, .nav-page li.dp {border-left: none;}
	.nav-page li.pn a:link, .nav-page li.pn a:visited {text-decoration: none;}
	.nav-page li.cp {background: #DE903D; color: #fff; }

	.nav-page span {display: none;}
		
	
	
/*** footer  *****************************************/ 
	.nav-mentions li, .nav_rs li{
		display : inline-block;
	}

		.nav-mentions li a, .nav_rs li a{padding : 0 5px;}
		 .nav_rs li a{text-transform : uppercase;}

		.nav-mentions li a , .nav-mentions li {font-size : 90%; color : #919090!important;}

			.nav-mentions li:last-child a{
			
			}
			
		.borderLeftFooter {
			border-left : 1px solid #fff;
		} 
			
			
	.titre_footer {
		display :  block; 
		text-transform : uppercase; 
		font-size : 110%;
		font-weight : 600;
		margin-bottom : 5px;
	}
	
	#footer_newsletter input[type=submit] {
		border : none; 
		background : transparent;
		float : left;
		width : 20%;
		color: #fff;
	}
	
	#footer_newsletter input[type=text] {
		float : left;
		width : 80%;
	}
	
	
/*** titre *****************************************/


h1, h2.h2_like_01 {
	font-size : 300%;
	font-weight : 800;
	line-height : 1.2em;
	margin-bottom : 0.5em;
	text-transform : none;
}


	h2.h2_like_01 {font-size : 200%;}
	.detailsReferences h2.h2_like_01 {font-size : 150%; margin : 0;}

	footer h2, footer h1 {
		font-weight : 600;
		font-size : 110%;
		margin-bottom : 0;
		text-transform : uppercase;
	}
	
	
	h1.h1Nav { margin : 0;float : left; font-size : 150%; font-weight : 600;  padding : 10px 20px;}
	h1.noMargin {margin-bottom : 0;}
	
h3{
	font-size : 1.5em;
}

h2, h3.h3_like_h2 {
	font-size : 120%;
	font-weight : 400;
	margin-bottom : 0.5em;
	text-transform : uppercase;
} 


h4{
	font-size : 1.2em;
}

.big h1 {font-size :290%; font-weight : 600;}
.big h2 {font-size : 150%;}

/*** lien *****************************************/

a.btn_suite {
	display : inline-block; 
	text-transform : lowercase;	
	padding : 10px 30px;
	border : 1px solid;
	border-radius : 10px;
	line-height : 1;
	color : #fff;
	-webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
	
	
	a.btn_suite:hover, a.btn_suite:focus {
		color : #000!important;
		text-decoration : none;
		background : #fff;
	}
	
	.bandeauxFooter  a.btn_suite:visited, .bandeauxFooter  a.btn_suite:link{color :#fff!important}
	.bandeauxFooter  a.btn_suite:hover, .bandeauxFooter  a.btn_suite:focus{color :#000!important}
	
	a.btn_orange {
		background : #F08927; 
		padding : 5px 20px;
		color : #fff!important;
		border-radius : 7px;
		text-align : center;
		line-height : 1em;
		text-transform : uppercase;
		font-weight : 600;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		transition: all 1s ease;
	}
		
	a.btn_orange:hover, 
	a.btn_orange:focus {background : #2f4b5b; text-decoration : none;}
	
	a.btn_bleu {background : #2f4b5b; }
	a.btn_bleu:hover, 
	a.btn_bleu:focus {background : #F08927; text-decoration : none;}
	
	a.btn_fleche, a.btn_flecheP {
		text-transform : uppercase;	
		overflow : hidden;
		position : relative;
		padding-right : 15px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		transition: all 0.5s;
	}
		a.btn_flecheP {padding-right : 0 ; padding-left : 15px;}
		a.btn_fleche::after, a.btn_flecheP::before {
			font-family : fontAwesome;
			content : "\f105";
			font-size : 150%;
			position : absolute;
			right : 0; 
			top : -7px;
		}
		
		a.btn_fleche::after {right : 0;}
		a.btn_flecheP::before {left : 0; content : "\f104";}
		
		 .bg_blanc  a.color_orange:hover, .bg_blanc  a.color_orange:focus {
			color : #58585A!important;
			text-decoration : none;
		}
		
		a.btn_accueil  {
			position : absolute; 
			left : 20px;
			bottom : 0;
		}
		
		
		a.btn_orange.btn_fleche {
			padding : 5px 50px 5px 20px; 
		}
		
	a.btn_fleche_retour {
		padding-left : 40px;
		padding-right : 0px;
	}

		a.btn_fleche_retour::before {
			font-family : fontAwesome;
			content : "\f177";
			font-size : 200%;
			position : absolute;
			left : 0; 
			top : -9px;
		}
		
		
		a.btn_fleche_retour::after {display : none;}
		
		a.btn_orange b{font-weight : 600;}
		a.btn_orange span{font-size : 80%; font-weight : 400; text-transform : none;}
	
	a.btn_orange::after {
		top : 50%;
		transform : translateY(-50%);
		right : 10px;
	}
		
		
			
	a.btn_suite_gris {		
		background : grey;
		color : #fff;
	}
	
	
	a.btn_suite_orange {		
		background : orange;
		color : #000;
	}
			
			
		a.pdf::before {
			font-family : fontAwesome; 
			content : "\f1c1"; 
			padding-right : 5px;
		}
		
	a.nextSection, a.btn_bottomSection {
		position : absolute; 
		bottom : 20px; 
		left : 50%; 
		transform : translate(-50%,0);
		z-index : 50;
		font-size : 200%;
	}
	
	a.titreAction:focus, a.titreAction:hover {text-decoration : none;}
	
	a.btn_close, a.btn_open {
		background : rgba(0,0,0,0.8);
		border-radius : 50%;
		padding :10px 15px;
		position : absolute; 
		left: 50%;
		transform: translate(-50%,0);
		color : #fff!important;
	}
	
		a.btn_close {
			top: -24px;
		}

		 a.btn_open {
			bottom : 50px;
			padding: 5px 15px 2px ;
		 }
		
		a.btn_small {font-size : 90%;}
		
		
	a.btn_back {
		background : rgba(0,0,0,0.8);
		border-radius : 30px;
		padding :10px 15px;
		position : fixed;  
		display : block;
		right : 50px; 
		bottom : 80px;
		color : #fff;
		text-transform : uppercase; 
		font-size : 70%;
		z-index : 300;
	}
	a.btn_back::before {
		font-family : fontAwesome;
		content : "\f060";
		font-size : 80%;
		padding-right : 5px;
	}
/*** actualites  *****************************************/

	.imgActu {
		display : block;
		height : 150px;
		overflow : hidden;
		position : relative;
	}	

		.imgActu img {
			max-height : 100%;
			margin : 0 auto;	
			position : absolute; 
			top : 50%; 
			left : 50%; 
			transform : translate(-50%,-50%);
		}
		
		
			.imgActu span{
				position : absolute; 
				top : 50%; 
				left : 50%; 
				transform : translate(-50%,-50%);
				text-transform : uppercase; 
				color : rgba(146,143,143,0.5);
				font-weight : 300;
				text-align : center;
				font-size : 95%;
			}
			
			.imgActu span::before{
				content : '\f030';
				font-family : fontAwesome;
				display : block;
				font-size : 200%;
				color : rgba(146,143,143,0.5);
			}


/* magnific popup */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}



.popup-modal-dismiss {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace;
}

.white-popup-block, #rubrique-popup {
	margin : 20px auto; 
	background : #fff; 
	padding : 40px; 
	max-width : 1000px;
	position : relative;
}



#fusion {
	margin : 20px auto; 
	background : #f6f6f6; 
	padding : 40px; 
	max-width : 1000px;
	position : relative;
	color : #373736;
	font-size : 120%;
}


#fusion p{font-weight : 400; margin-bottom : 1.5em;}
#fusion h2{
		font-weight : 600;
margin-bottom : 0;		
		font-size : 150%;
		text-transform  : none;
}

.white-popup-block h1{font-size : 150%;}
.white-popup-block h2{margin-top : 1em;}
.white-popup-block p{margin-bottom : 0.5em;}
.cn-cookie {
   display: block;
   position: fixed;
   min-width: 100%;
   height: auto;
   z-index: 100000;
   font-size: 12px;
   line-height: 18px;
   bottom : 0;
   left: 0;
   text-align: center;
   color: rgb(255, 255, 255);
   background-color: rgba(0, 0, 0, 0.7);
}

.cn-cookie div {padding: 5px;}
.cn-cookie a {
  font-family: sans-serif;
  display: inline-block;
  margin-right: 0.3em;
  line-height: 20px;
  font-size : 90%;
  color: #fff;
  text-align: center;
  padding: 0 5px;
  text-decoration: none;
  border : 1px solid #fff;
  outline: none;
}


/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	
/*	width: 100%; */
	position: fixed;
	background: #f4f4f4;
	/*padding: 4px 0;*/
	right : 0;
	top : 0px;
	min-height: 60px;
	z-index: 999;
}

.mean-container a.meanmenu-reveal {
	padding : 6px 10px;
	cursor: pointer;
	color: #000;
	text-decoration: none;
	font-size: 60%;
	text-transform : uppercase;
	display: block;
	font-weight: 300;
	z-index: 800;
	background : #fff;
	height : 47px;
	text-align : right;
}

.mean-container a.meanmenu-reveal.meanclose {
	height : auto;
}

a.meanmenu-reveal::before {
	content : "\f0c9"; 
	font-family : fontAwesome;
	text-align : center;
	padding-right : 5px;
	font-size : 250%; 
}

.mean-container a.meanclose { top : 5px;}
.mean-container a.meanclose::before { display : none;}

.mean-container a.meanmenu-reveal span {
	position : relative;
	top : -5px;
}


.mean-container .mean-nav {
	float: left;
	width: 100%;
	/*margin-top: 44px;*/
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a, .mean-container .mean-nav ul li form#recherche {
	display: block;
	float: left;
	width: 100%;
	box-sizing : border-box; 
	padding:10px 20px;
	font-size: 90%;
	margin: 0;
	text-align: left;
	color: #000;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(0,0,0,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 100%;
	padding:10px 10px 10px 30px ;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(0,0,0,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 54px;
	padding: 22px 25px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}



/*********************** responsive  ***************************************/

@media all and (max-width: 1000px) {
	
	.grid.col1-4,  .grid-sizer{width : 33.33%;}
}

@media all and (max-width: 950px) {	
	header {
		z-index : 998;
		width : 100%;
		position : fixed;
	}
	#accueil header h1 {
		font-size: 80%; 
		padding: 16px 0 0 10px;
	}
	#accueil a#logo .img_100{
		max-height: 40px;
	}
	
	.mean-nav #nbArticlesSelection {
		top: 17px;
		right: 10px;
	}
	
	
	.mean-nav form#recherche  {
		position : relative;
	}
	.mean-nav form#recherche .loupe {
		max-width : 35px;
		position : absolute; 
		top : 13px; left : 25px;
		border : none;
	}
	
	.mean-nav form#recherche input {
		float : none;
		padding : 5px 40px;
		width : 100%;
	}
	
	
		h1, h2.h2_like_01 {
			font-size: 220%;
		}
	
	
	
}
@media all and (max-width: 800px) {	
	 .col1-5 { width : 50%; }
	 #footerNav { display : none;}
	 
	 .materielArticleResume.flex1-4 {
		width : 33.33%;
	 }
	 	.grid.col1-4,  .grid-sizer{width : 50%; float : left;}
	
}




@media all and (max-width: 700px) {
	

	a.btn_back {display : none;}
	
	
	
	.sans_titre {padding-top : 0;}
	.page {padding : 0;}
	.col1-2, .col1-3, .col2-3, .col1-4  , .col3-4 , .col1-5 {float : none; width : 100%; }
	
	.flex1-2, .flex1-3, .flex2-3, .flex1-4  , .flex3-4  {width : 100%;}
	.flex1-5 {width : 50%;}
	
	#slider, #nav-sec {display : none;}
	
	.img_100.slideMobile {display : block; padding-top : 60px;}
	
	
	.contentVH strong {
		font-size: 250%;
	}
	
	.contentSlide strong, .contentVH h1 {font-size : 150%;}
	
	main {
		padding-top: 60px;
	}
	
	#sectionR_0 {
		height: calc(100vh - 120px);
	}
	
	.sectionBorderResponsive {
		padding-top : 50px;
		border-top : 1px solid #F4F4F4;

	}
	
	.cms-root-references .bg_img {min-height : 250px;}
	#contentAjaxSousRubrique .contentAjaxSousRubrique {
		border-top : none; 
		margin-top : 0;
		padding-top : 20px;
	}
	

	.big h2  {font-size: 120%;}
	.big h1  {font-size: 200%;}
	
	.parallax-container { height : 250px; }
	

	/* materiel */ 
	h2 .uneFamilleP strong {
		font-size: 220%;
	}
	h1 .uneFamilleP strong {
		font-size: 90%;
	}
	
	.materielArticleResume.flex1-4 {
		width : 50%;
		margin : 20px 0;
	 }
	 
	.materielArticleResume .btn_orange, .materielArticleResume .btn_orange {
		opacity: 1;
	}
	.materielArticleResume .col, .materielArticleResume .col{
		padding-bottom : 20px;
	}
	.materielArticleResume:hover .col, .materielArticleResume:focus .col{
		border-bottom: 3px solid #e5e5e5;
	}
	#breadcrumb {display : none;}
	
	.ajout_selection.btn_orange { display: block; line-height : 1.2em;}
	.borderLeftFooter {border : none;}
	.navRubriqueInt {display : none;}

	.blocDescReferences p, .blocDescReferences ul, .typeArticle p, .typeArticle ul {
		font-size: 100%;
	}
	
	
	h1, h2.h2_like_01 {
		font-size: 200%;
	}
	.uneFamille { min-height: inherit; }
		h1 .uneFamille strong, h2 .uneFamille strong { 
			font-size : 180%;
			line-height: 1.2em;
		}
	
} /* 700px */

@media all and (max-width: 485px) {

.paddingPlus {padding-top : 0px;}

#recherche .bg_img {
    min-height: 250px;
}	
.flex1-5 {width : 100%;} 


	.sectionTopaddindRes {padding-top : 0;}
	.sectionBottomPaddindRes {padding-bottom : 0;}

	.materielArticleResume.flex1-4 {
		width : 100%;
	 }	
	 
	 .materielArticleResume:hover , .materielArticleResume:focus {
			-webkit-box-shadow: none;
		-o-box-shadow:  none;
		-moz-box-shadow:  none;
		box-shadow: none;
	}
	
	#rassurance .inline li{
		display : block;
		padding : 10px 20px;
	}
	.smallH1Res {font-size : 50%;}
	.grid.col1-4,  .grid-sizer{width : 100%; float : none;}
	
	.materiel-root-vente #nav-sec,
	.materiel-root-occasion #nav-sec,
	.materiel-root-location #nav-sec {
		display : block;
		float : none;
		padding-top : 60px;
		border: none;
		top: inherit;
		position: relative;
	}
	
		.materiel-root-occasion main, 
		.materiel-root-vente main , 
		.materiel-root-location main {padding-top : 0;}
		
		.materiel-root-vente h1.h1Nav,
		.materiel-root-occasion h1.h1Nav, 
		.materiel-root-location h1.h1Nav { float : none;}
		
		.materiel-root-vente  .nav-sousRubriques, 
		.materiel-root-occasion  .nav-sousRubriques , 
		.materiel-root-location  .nav-sousRubriques  {
			text-align: left;
		}
		
	.materiel-root-occasion  .nav-sousRubriques li,
	.materiel-root-vente  .nav-sousRubriques li,
	.materiel-root-location  .nav-sousRubriques li {
		border: 1px solid #e5e5e5; 
		margin : 5px;
		padding : 10px;
	}

	.uneFamille { min-height: inherit; }
		h1 .uneFamille strong, h2 .uneFamille strong { 
			font-size : 180%;
			line-height: 1.2em;
		}

}
.sectionBorderResponsive {transition: all .9s ease-in-out;}
.is-sticky {	background: #f4f4f4;}

.ecArticleSelectQuantite {max-width: 40px; text-align: right;}
.ecArticleQuantite  {
	font-size : 120%; font-weight : 600; 	border : none; 
	background : none;
	cursor : pointer 
}
.ecArticleQuantite.ecMoins  {padding-right : 5px;}