@media all and (max-width:1023px)
{
	.screen
	{
		display:none !important;	
	}

	.mobile
	{
		display:block !important;	
	}

	html, body
	{
		background:none;
		height:auto;
	}
	
	.largeur
	{
		width:90%;
		padding:0% 5% 0% 5%;
		margin:0;
	}
/* Header **********************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
	
	a#logo
	{
		float:none;
		background-size:100%;
		margin:10px auto 10px auto ;
	}

	#bandeau_droite
	{
		display:block;
		width:100%;
		margin:auto;
	}
	
	#mobile_tel
	{
		margin:10px;
		float:right;
	}
	
	
	a#fr
	{
		display:block;
		float:left;
		background:url(../images/drapeau.png) no-repeat left top;
	}
	a#uk
	{
		display:block;
		float:left;
		background:url(../images/drapeau.png) no-repeat right top;
	}
	a#facebook
	{
		display:block;
		float:left;
		margin-left:80px;
		margin-right:20px;
	}
	input#intuitif
	{
		float:none;
		width:auto;
		background:none;
	}
/* Nav    **********************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
	
	nav#menu
	{
		clear:both;
		height:auto;
		margin-bottom:20px;
		margin-top:20px;
		width:100%;
	}
	nav#menu ul
	{
		display:none;
	}
	
	#menu_mobile
	{
		color:#fff;
		width:80%;
		padding:3% 10% 3% 10%;
		display:block;
		font-size:14px;
		font-weight:bold;
		background:url(../images/nav-icon.png) no-repeat center right 20px #393A44 !important;
	}
	
	#menu_mobile:hover,#menu_mobile:active
	{
		text-decoration:none;
	}
	
	nav#menu ul
	{
		background:#393A44;
	}
	
	nav#menu ul li
	{
		display:block;
		width:100%;
		height:auto !important;
	}
	
	nav#menu ul li a
	{
		padding-left:20px;
		padding-right:20px;
		display:block;
		color:#fff !important;
		font-family:Helvetica, arial, sans-serif;
		font-size:14px;
		text-align:left !important;
		line-height:35px !important;
		height:35px !important;
	}
	
	nav#menu ul li a.active, nav#menu ul li a:hover
	{
		border:none !important;
		text-align:left !important;
		line-height:25px !important;
		background:#E7923F !important;
		color:#fff !important;
		line-height:35px !important;
		height:35px !important;
	}
	
/* Contenu **********************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/

#droite
{
	float:none;
	width:100%;
}

ul#liste_cat1 li
{
	width:188px;
	display:block;
	vertical-align:top;
	background:none;
	margin:10px auto 10px auto;
}

ul#liste_cat1 li a p
{
	text-align:center;
	width: 100%;

}

/* Liste categorie 2      ******************************************************************/
/*******************************************************************************************/
#zone_gauche_droite
{
	width:100%;
}

ul#liste_cat2
{
	width:100%;
}

ul#liste_cat2 li img
{
	float:none;
	width:140px;
	display:block;
	margin:auto;
}

ul#liste_cat2 li a .texte
{
	float:none;
	width:100%;
}

.imageproduit
{
	padding-bottom:16px;
	background:url(../images/ombre_produit_03.jpg) no-repeat bottom center;
	margin-bottom:0px;
	width:100%;
}
#texte1produit
{
	font-size:16px !important;
	padding-right:0px;
}
#texte2produit
{
	font-size:14px;
	margin-bottom:20px;
	padding-right:0px;
}

/* Zone contact     ************************************************************************/
/*******************************************************************************************/

#contact_droite, #contact_droite.devis
{
	position:relative;
	float:right;
	width:100%;
	height:150px;
	margin-right:0px;
	margin-top:0px;
	background:none;
	font-family:'perspective_sansregular';
	text-align:center;
}

#contact_droite a
{
	position:absolute;
	top:20px;
	line-height:37px;
	padding-left:0px;
	width:100%;
	display:block;
	color:#373536;
	text-transform:uppercase;
}
#contact_droite a:hover
{
	text-decoration:none;
	font-weight:bold;
}
#contact_droite p
{
	position:absolute;
	top:57px;
	line-height:37px;
	width:100%;
	text-align:center !important;
	padding-left:0px;
	display:block;
	color:#373536;
	text-transform:uppercase;
}
#contact_droite a.devis
{
	top:97px;
}

.zone_devis
{
	width:100%;
	float:none;
	margin-bottom:20px;
}
.contact .zone_devis span
{
	display:inline-block;
	width:50%;
	vertical-align:top;
	line-height:40px;
}
.contact .zone_devis label
{
	display:block;
	margin-bottom:20px;
}

.contact .titre2
{
	background:#333;
	padding:10px 0px;
	text-align:center;
	height:auto;
	color:#fff !important;
}

/* Zone noire ******************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/



#fond_noir
{
	background:url(../images/fond_noir_mobile.png) #383b3c center top;
	height:auto !important;
	margin-top:20px;
	padding-top:1px;
	padding-bottom:20px;
	color:#fff;
}

#fond_noir #actu_footer
{
	width:100%;
	float:none;
}
#fond_noir .actu_footer
{
	background:none;
}

#fond_noir .actu_footer
{
	background:none;
}
#fond_noir #actu_footer .actu_footer:hover
{
	text-decoration:none;
}

#fond_noir #contact_footer
{
	width:100%;
	text-align:center;
	padding:0px;
	float:none;
	margin-top:30px;
	height:110px;
	padding-top:90px;
	background:url(../images/logo_contact.png) no-repeat 60px 0px;
}
	
/*Contact ***********************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
.contact span
{
	display:inline-block;
	width:100%;
	vertical-align:top;
	line-height:40px;
}
.contact label
{
	display:block;
	margin-bottom:20px;
}
.contact input, .contact textarea
{
	width:99%;
}
.contact input.submit
{
	width:100%;
	float:none;
}



	
/* Footer **********************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/

footer a
{
	display:block;
	text-align:center;
	margin:10px 0px 10px 0px;
}

	
/* pour l'accueil *************************************************************************/
#fond_noir.accueil
{
	background:url(../images/fond_noir_mobile.png) #383b3c center top;
	height:auto !important;
	margin-top:0px;
	padding-bottom:20px;
	color:#fff;
}
#fond_noir.accueil div.largeur
{
	height:auto !important;
	background:none;
}

#fond_noir #video
{
	width:100%;
	text-align:left;
	float:none;
}

#fond_noir #texte
{
	width:100%;
	margin:0;
	float:none;
}

#fond_noir #industriel
{
	width:135px;
	height:150px;
	float:none;
	margin:20px auto 0px auto;
	transition:0.5s;
}
#fond_noir #industriel:hover
{
	opacity:0.8;
}

#fond_noir #industriel p
{
	color:#e7923f;
	position:absolute;
	width:100%;
	bottom:0;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
#fond_noir #industriel p:after 
{
	content: ' ///';
}
#fond_noir #aeroportuaire
{
	width:135px;
	height:150px;
	float:none;
	margin:20px auto 20px auto;
	transition:0.5s;
}
#fond_noir #aeroportuaire:hover
{
	opacity:0.8;
}

#fond_noir #aeroportuaire p
{
	color:#0068b0;
	position:absolute;
	width:100%;
	bottom:0;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
#fond_noir #aeroportuaire p:after 
{
	content: ' ///';
}

/*Caroussel ********************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/

#logos
{
	background:url(../images/logos_02.jpg) repeat-x;
	height:208px;
}
#logos p
{
	font-family:'perspective_sansregular';
	text-transform:uppercase;
	color:#616161;
	font-weight:bold;
	display:block;
	margin:auto;
	text-align:center;
	padding:15px 23px 15px 23px;
	margin-bottom:10px;
	background:#fff;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

			.list_carousel ul {
				margin: 0;
				padding: 0;
				list-style: none;
				display: block;
				background:url(../images/liste_cat1_03.png) no-repeat top left;
			}
			.list_carousel li {
				font-size: 40px;
				color: #999;
				text-align: center;
				width: 100%;
				padding: 0;
				display:table-cell;
				vertical-align:middle;
				text-align:center;
				background:url(../images/liste_cat1_03.png) no-repeat top right;
			}
			.list_carousel li img {
				margin:auto;
				max-height:130px;
				width:80%;
				margin:10%;
			}		
}