@charset "utf-8";
/* CSS Document */
.screen
{
  display:block !important;	
}

.mobile
{
  display:none !important;	
}

html
{
	background:url(../images/fond-header.png) no-repeat center top #fff;
	color:#353438;
	font-family:"Myriad Pro",Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
}
body
{
	margin:0;
}
.largeur
{
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}
/* Header **********************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/

a#logo
{
	display:block;
	float:left;
	background:url(../images/logo.png) no-repeat;
	width:215px;
	height:110px;
	margin-top:37px;
}
#bandeau_droite
{
	float:right;
	width:600px;
}

a#fr
{
	display:block;
	float:right;
	background:url(../images/drapeau.png) no-repeat left top;
	width:29px;
	height:29px;
	margin-top:5px;
	margin-bottom:5px;
}
a#uk
{
	display:block;
	float:right;
	background:url(../images/drapeau.png) no-repeat right top;
	width:29px;
	height:29px;
	margin-top:5px;
	margin-bottom:5px;
}
a#facebook
{
	display:block;
	float:right;
	background:url(../images/facebook.jpg) no-repeat right top;
	width:29px;
	height:29px;
	margin-top:9px;
	margin-bottom:5px;
	margin-right:80px;
}

input#intuitif
{
	float:right;
	border:none;
	background:none;
	width:170px;
	padding-left:30px;
	height:26px;
	line-height:26px;
	border-radius:5px;
	border:1px solid #d6d6d6;
	background:url(../images/recherche.jpg) no-repeat left center;
}
/*  Menu ***********************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/

nav#menu
{
	width:auto;
	float:right;
	margin-top:40px;
}

nav#menu ul li
{
	display:table-cell;
	width:106px;
	height:53px;
	vertical-align:bottom;
}
nav#menu ul li a
{
	padding-left:7px;
	padding-right:7px;
	display:block;
	color:#353437;
	font-family:Helvetica, arial, sans-serif;
	font-size:14px;
	height:53px;
}
nav#menu ul li a.ligne
{
	text-align:center;
	line-height:53px;
}

nav#menu ul li a.orange.active, nav#menu ul li a.orange:hover
{
	border-bottom:3px solid #E7941D;
}
nav#menu ul li a.bleu.active, nav#menu ul li a.bleu:hover
{
	border-bottom:3px solid #0068b0;
}
nav#menu ul li a.vert.active, nav#menu ul li a.vert:hover
{
	border-bottom:3px solid #268745;
}

nav#menu ul li a.active, nav#menu ul li a:hover
{
	border-bottom:3px solid #353437;
	height:50px;
	text-decoration:none;
}

#banderole
{
	display:block;
	background:url(../images/banderole.png) no-repeat;
	width:122px;
	height:23px;
	margin:12px 20px 0px 0px;
	float:right;
}


/* Zone gauche ******************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/

#gauche
{
	background:url(../images/ombre-nav.png) no-repeat top right;
	width:215px;
	float:left;
	padding-top:30px;
	margin-right:20px;
}

#gauche ul li a
{
	display:block;
	color:#231f20;
	text-transform:uppercase;
}
#gauche ul li a:after
{
	content:' ///';
}
#gauche ul li
{
	margin-bottom:25px;
}
#gauche ul li#nav_1 a
{
	background:url(../images/picto-nav_01.png) top left no-repeat;
	line-height:21px;
	padding-left:30px;
}
#gauche ul li#nav_1 a:hover,#gauche ul li#nav_1 a.active
{
	background:url(../images/picto-nav_01.png) bottom 21px left no-repeat;
	color:#E7941D;
	text-decoration:none;
	font-weight:bold;
}
#gauche ul li#nav_2 a
{
	background:url(../images/picto-nav_03.png) top left no-repeat;
	line-height:21px;
	padding-left:30px;
}
#gauche ul li#nav_2 a:hover,#gauche ul li#nav_2 a.active
{
	background:url(../images/picto-nav_03.png) bottom 21px left no-repeat;
	color:#0068b0;
	text-decoration:none;
	font-weight:bold;
}
#gauche ul li#nav_3 a
{
	background:url(../images/picto-nav_05.png) top left no-repeat;
	line-height:21px;
	padding-left:30px;
}
#gauche ul li#nav_3 a:hover,#gauche ul li#nav_3 a.active
{
	background:url(../images/picto-nav_05.png) bottom 21px left no-repeat;
	color:#231f20;
	text-decoration:none;
	font-weight:bold;
}
#gauche ul li ul
{
	display:none;
}
#gauche ul li ul.visible
{
	display:block;
}

#gauche ul li ul li
{
	margin-bottom:5px;
}
#gauche ul li ul li a
{
	color:#231f20;
	text-transform:none;
	background:none !important;
}
#gauche ul li ul li a:hover
{
	color:#231f20 !important;
}
#gauche ul li ul li a:before
{
	content:'> ';
}
#gauche ul li ul li a:after
{
	content:'' ;
}

/* Zone contenu ******************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
#droite
{
	float:right;
	width:764px;
}

#ariane, #ariane a
{
	text-transform:uppercase;
	color:#8a8a8a;
	margin-bottom:25px;
}

.titre1
{
	font-size:30px;
	text-transform:uppercase;
	font-family:'perspective_sansregular';
	color:#353438;
	margin-bottom:25px;
}
#zone_gauche_droite .titre2
{
	font-size:20px !important;
	text-transform:uppercase;
	font-family:'perspective_sansregular';
	color:#E7941D;
	margin-bottom:25px;
	margin-top:5px;
}
#zone_gauche_droite .titre3
{
	font-size:14px !important;
	text-transform:uppercase;
	font-family:'perspective_sansregular';
	color:#353438;
	margin-bottom:25px;
}
.titreproduit
{
	font-size:20px;
	text-transform:uppercase;
	font-family:'perspective_sansregular';
	color:#353438;
	margin-bottom:25px;

}

.style_1 .titre1, .style_1 .titreproduit
{
	color:#e89544;
}
.style_2 .titre1, .style_2 .titreproduit
{
	color:#0068B0;
}

#zone_gauche_droite
{
	width:500px;
	float:left;
	margin-bottom:40px;
	overflow:hidden;
}

/* Produit      ******************************************************************/
/*******************************************************************************************/

.imageproduit
{
	padding-bottom:16px;
	background:url(../images/ombre_produit_03.jpg) no-repeat bottom center;
	margin-bottom:20px;
}

#texte1produit
{
	font-size:16px !important;
	padding-right:200px;
}
#texte2produit
{
	font-size:14px;
	margin-bottom:50px;
	padding-right:200px;
}
/* Liste categorie 1      ******************************************************************/
/*******************************************************************************************/

ul#liste_cat1 li
{
	width:188px;
	display:inline-block;
	vertical-align:top;
	background:url(../images/liste_cat1_03.png) no-repeat top left;
	margin-bottom:20px;
}

ul#liste_cat1 li a
{
	display:block;
	color:#353438;
}

ul#liste_cat1 img
{
	display:block;
	margin:auto;
	border:2px solid #d8d8d8;
	border-radius:120px;
	height:140px;
	width:140px;
	padding:7px;
	box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.75);
	-moz-box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.75);
	-webkit-box-shadow: 0px 0px 3px 0px rgba(119, 119, 119, 0.75);

}
ul#liste_cat1 li a:hover 
{
	text-decoration:none;
	font-weight:bold;
}

ul#liste_cat1 li a p
{
	display:block;
	width:145px;
	text-align:gauche;
	text-transform:uppercase;
	margin-top:20px;
	font-size:18px;
}
ul#liste_cat1 li a p:after
{
	content:'///';
}

ul#liste_cat1 li a:hover img
{
	border:2px solid #c2c2c2;
}
.style_1 ul#liste_cat1 li a
{
	color:#e89544;
}

.style_2 ul#liste_cat1 li a
{
	color:#0068B0;
}


/* Liste categorie 2      ******************************************************************/
/*******************************************************************************************/

ul#liste_cat2
{
	width:500px;
	float:left;
}

ul#liste_cat2 li
{
	border-bottom:1px solid #e1e1e1;
	padding-bottom:10px;
	margin-bottom:20px;
}

ul#liste_cat2 li img
{
	padding-bottom:5px;
	background:url(../images/ombre_cat2_03.jpg) no-repeat bottom center;
	float:left;
	margin-right:20px;
}

ul#liste_cat2 li a
{
	color:#303136;
}
ul#liste_cat2 li a:hover
{
	text-decoration:none;
}

ul#liste_cat2 li a .texte
{
	float:right;
	width:350px;
}
ul#liste_cat2 li a .titre2
{
	font-size:20px;
	text-transform:uppercase;
	font-family:'perspective_sansregular';
	margin-bottom:10px;
}

ul#liste_cat2 li a .voir
{
	text-align:right;
	margin-top:15px;
}

ul#liste_cat2 li a:hover .voir
{
	font-weight:bold;
}
.style_1 ul#liste_cat2 li a:hover .titre2
{
	color:#e89544;
}

.style_2 ul#liste_cat2 li a:hover .titre2
{
	color:#0068B0;
}

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

#contact_droite
{
	position:relative;
	float:right;
	width:257px;
	height:300px;
	margin-right:-15px;
	margin-top:-30px;
	background:url(../images/contact-droite_03.jpg) no-repeat top right;	
	font-family:'perspective_sansregular';
}

#contact_droite.devis
{
	background:url(../images/contact-droite_02.jpg) no-repeat top right;	
}

#contact_droite a
{
	position:absolute;
	top:28px;
	line-height:37px;
	padding-left:42px;
	width:207px;
	display:block;
	color:#fff;
	text-transform:uppercase;
}
#contact_droite a:hover
{
	text-decoration:none;
	font-weight:bold;
}
#contact_droite p
{
	position:absolute;
	top:87px;
	line-height:37px;
	padding-left:42px;
	display:block;
	color:#fff;
	text-transform:uppercase;
}
#contact_droite a.devis
{
	top:147px;
}

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

#fond_noir
{
	background:url(../images/fond_noir.png) #383b3c center top;
	height:298px;
	/*margin-top:20px;*/
	color:#fff;
}


/* pour les pages *************************************************************************/

#fond_noir #actu_footer
{
	display:block;
	width:607px;
	float:left;
	margin-top:25px;
}

#fond_noir #actu_footer .titre1
{
	background:url(../images/titre_actu.png) no-repeat top left;
	width:150px;
	height:38px;
	line-height:38px;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:50px;
	margin-bottom:10px;
}
#fond_noir .actu_footer
{
	display:block;
	background:url(../images/fleche_actu.png) no-repeat  220px bottom;
	padding-bottom:20px;
	color:#fff;
}
#fond_noir #actu_footer .actu_footer:hover
{
	text-decoration:none;
}

#fond_noir #actu_footer .titre2
{
	font-size:21px;
}
#fond_noir #actu_footer .actu_footer:hover .titre2
{
	color:#E7941D;
}
#fond_noir #actu_footer p.suite
{
	color:#E7941D;
	float:right;
}
#fond_noir #actu_footer .actu_footer:hover p.suite
{
	text-decoration:underline;
}
#fond_noir #contact_footer
{
	width:272px;
	padding-left:60px;
	float:right;
	margin-top:30px;
	height:110px;
	padding-top:90px;
	background:url(../images/logo_contact.png) no-repeat 60px 0px, url(../images/ombre-zone_noir.png) no-repeat center left;
}

#fond_noir #contact_footer p
{
	margin-bottom:10px;
}

#fond_noir #contact_footer a
{
	display:inline-block;
	color:#6d6d6d;
	background-color:#efefef;
	border-radius:5px;
	padding:7px 20px 7px 20px;
	text-transform:uppercase;
}

#fond_noir #contact_footer a:hover
{
	text-decoration:none;
	box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.6);
}
/* pour l'accueil *************************************************************************/

#fond_noir.accueil
{
	background:url(../images/fond_noir.png) #383b3c center top;
	height:255px;
	margin-top:20px;
	color:#fff;
}
#foo_accueil
{
	height:348px;
	overflow:hidden;
}
#foo_accueil_pag
{
	padding-top:10px;
	height:23px;
	background:url(../images/slide-ombre_05.png) no-repeat center top;
}

#fond_noir.accueil
{
	background:url(../images/fond_noir.png) #383b3c center top;
	height:255px;
	margin-top:20px;
	color:#fff;
}
#fond_noir.accueil div.largeur
{
	height:255px;
	background:url(../images/banderole.png) no-repeat bottom right 20px;	
}


#fond_noir #video
{
	width:300px;
	float:left;
	padding-top:25px;
}

#fond_noir #texte
{
	width:314px;
	float:left;
	color:#ffffff;
	padding-top:25px;
	margin-left:36px;
	line-height:22px;
}

#fond_noir #texte .titre2
{
	color:#fff;
	font-size:20px;
	margin-top:15px;
	margin-bottom:10px;
}

#fond_noir #industriel
{
	position:relative;
	display:block;
	background:url(../images/industriel.png) no-repeat top center;
	width:135px;
	height:150px;
	float:right;
	margin:52px 20px 0px 20px;
	border-left:#424145;
	transition:0.5s;
}
#fond_noir #industriel:hover
{
	opacity:0.8;
}

#fond_noir #industriel p
{
	color:#E7941D;
	position:absolute;
	width:100%;
	bottom:0;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
}
#fond_noir #industriel p:after 
{
	content: ' ///';
}
#fond_noir #aeroportuaire
{
	position:relative;
	display:block;
	background:url(../images/aeroportuaire.png) no-repeat top center;;
	width:135px;
	height:150px;	
	float:right;
	margin:52px 20px 0px 20px;
	border-left:#424145;
	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: ' ///';
}

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

footer #logo_footer
{
	background:url(../images/logo_footer.png) no-repeat;
	width:88px;
	height:45px;
	margin:40px auto 15px auto;
}

footer p
{
	text-align:center;
	margin-bottom:50px;
	line-height:20px;
}
footer a
{
	color:#343539;
	margin:0px 10px 0px 10px;
}

footer a:after
{
	content:"   ";
}

footer a:hover
{
	text-decoration:none;
	color:#E7923F;
}


/*Contact ***********************************************************************************/
/*******************************************************************************************/
/*******************************************************************************************/
.contact span
{
	display:inline-block;
	width:130px;
	vertical-align:top;
	line-height:40px;
}
.contact label
{
	display:block;
	margin-bottom:20px;
}
.contact input, .contact textarea
{
	width:334px;
	height:40px;
	line-height:40px;
	border:#d4d4d4 1px solid;
	/* Anciens navigateurs */
	background: #fefefe url("gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Navigateurs récents */
	background: -webkit-gradient(
		linear,
		left top, left bottom,
		from(#f5f5f5),
		to(#fefefe)
	);
	background: -webkit-linear-gradient(
		top,
		#f5f5f5,
		#fefefe
	);
	background: -moz-linear-gradient(
		top,
		#f5f5f5,
		#fefefe
	);
	background: -o-linear-gradient(
		top,
		#f5f5f5,
		#fefefe
	);
	background: linear-gradient(
		top,
		#f5f5f5,
		#fefefe
	);
}
.contact textarea
{
	height:130px;
	line-height:20px;
}

.contact input.submit
{
	width:240px;
	background:#b3b3b3;
	text-transform:uppercase;
	color:#fff;
	float:right;
}
.contact input.submit:hover
{
	background-color:#7b7b7b;
	cursor:pointer;
}

.contact label.radio
{
	margin-bottom:0px;
}
.contact label.radio span
{
	line-height:30px;
}
.contact label.radio input
{
	width:auto;
	height:30px;
}


.zone_devis
{
	width:50%;
	float:left;	
}

.contact .titre2
{
	background:url(../images/titre_devis.png) top right 10px no-repeat;
	padding-left:40px;
	padding-top:10px;
	padding-bottom:5px;
	height:36px;
	color:#fff !important;
}

/*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:inline-block;
	padding:15px 52px 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: 140px;
				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:auto;
			}
			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
				position:relative;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				position:absolute;
				left:-50px;
				top:52px;
				border-radius:50%;
				background:#e8e9e8;
				width:35px;
				height:28px;
				text-align:center;
				padding-top:7px;
				font-weight:bold !important;
				color:#7c8194;
				font-size:14px;
			}
			.next {
				position:absolute;
				right:-50px;
				top:52px;
				border-radius:50%;
				background:#e8e9e8;
				width:35px;
				height:28px;
				text-align:center;
				padding-top:7px;
				font-weight:bold !important;
				color:#7c8194;
				font-size:14px;
			}
			
			.prev:hover {
				text-decoration:none;
				background:#E7923F;
				color:#fff;
			}

			.next:hover {
				text-decoration:none;
				background:#E7923F;
				color:#fff;
			}