@charset "utf-8";
/* CSS Document */

*, html, body, #content, #header .header, #contenu .contenu, #block .block, #footer .footer
{
	margin:0 auto;
	padding:0;
}

body
{
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#3e3e3e;
	line-height:20px;
	text-align:justify;
}

a{text-decoration:none;}
li{list-style:none;}
img{border:0;}
p{text-align:justify;}

#content
{
	width:100%;
	height:auto;
}

/* Header */

#header
{
	width:100%;
	height:105px;
	margin-bottom:4px;
}

#header .header
{
	width:980px;
	height:100%;
	background:#fff url(../images/bg_header.png) top right no-repeat;
}

#header .logo
{
	display:inline-block;
	float:left;
	position:relative;
	top:50%;
	margin-top:-30px;
	width:295px;
	height:60px;
	margin-right:20px;
}

#menu
{
	display:inline-block;
	float:left;
	width:665px;
	height:100%;
	position:relative;
}

/* Fin Header */

/* Slideshow & Banner */

#slideshow, #banner
{
	width:100%;
	overflow:hidden;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	
	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6); 
	   -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6);  
	    -ms-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6); 
	     -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6); 
	        box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.6); 
}

#slideshow
{
	height:344px;
}

#banner
{
	height:196px;
}

/* Fin Slideshow & Banner */

/* Contenu */

#contenu
{
	width:100%;
	height:auto;
	background-color:#F4F4F4;
	border-bottom:1px solid #BCBCBC;
	margin-top:8px;
}

#contenu .contenu
{
	width:980px;
	height:auto;
	padding-bottom:10px;
}

#contenu .contenu h1, #block .block h2, #block .right h2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:40px;
	color:#10368a;
	text-transform:uppercase;
}

#contenu .contenu p > a, #block .block p > a
{
	font-size:12px;
	color:#10368a;
	text-decoration:underline;
	
	-webkit-transition: all 0.3s ease-in;  
	   -moz-transition: all 0.3s ease-in;  
	    -ms-transition: all 0.3s ease-in;  
	     -o-transition: all 0.3s ease-in;  
	        transition: all 0.3s ease-in;  
}

#contenu .contenu p > a:hover, #block p > a:hover
{
	margin-left:10px;
}

#block .block ul.ref 
{
	margin-left:10px;
}

#block .block ul.ref.marge {
	margin-left:30px;
}

#block .block ul.ref li 
{
	list-style:disc;
	margin-bottom:10px;
}

#block .block ul.ref li ul {
	margin-top:10px;
	margin-left:20px;
}

#block .block ul.ref li ul li
{
	list-style:circle;
	margin-left:10px;
}

#block .right h3
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:40px;
	color:#10368a;
	margin:15px 0;
}

#block .block p.eurovent {
	padding-right:120px;
	background:url(../images/eurovent.jpg) top right no-repeat;
}

#block .block h3.airwell {
	background:url(../images/airwell.jpg) center left 120px no-repeat;
}

#block .block h3.emerson {
	line-height:15px;
	padding-top:25px;
	background:url(../images/emerson.jpg) center left 220px no-repeat;
}

#block .block h3.enersys {
	background:url(../images/enersys.jpg) center left 80px no-repeat;
}

#block .block h2.notifier {
	line-height:40px;
	background:url(../images/notifier.jpg) center left 200px no-repeat;
}

/* Fin Contenu */

/* Block */

#block
{
	display:table;
	width:100%;
	height:auto;
	margin-top:10px;
}

#block .block
{
	width:980px;
	height:auto;
}

#block .block .box
{
	width:326px;
	float:left;
	padding:0 20px;
	padding-bottom:20px;
	
	-webkit-box-shadow: 10px 0px 14px -17px #000;
	   -moz-box-shadow: 10px 0px 14px -17px #000;
	    -ms-box-shadow: 10px 0px 14px -17px #000;
	     -o-box-shadow: 10px 0px 14px -17px #000;
	        box-shadow: 10px 0px 14px -17px #000;
}

#block .block .box:last-child
{
	box-shadow:none;
	padding-right:0;
}

#block .block .box:first-child
{
	padding-left:0;
}

#block .block .box .references
{
	width:100%;
	height:47px;
}

#block .block .box .references ul
{
	float:left;
	margin-top:10px;
}

#block .block .box .references ul li
{
	float:left;
	width:auto;
	margin-right:29px;
}

#block .block .box .references ul li:last-child
{
	margin-right:0;
}

#block .block .box .references img
{
	-webkit-transition:all .3s linear;
	   -moz-transition:all .3s linear;
	    -ms-transition:all .3s linear;
	     -o-transition:all .3s linear;
	        transition:all .3s linear;
}

#block .block .box .references img:hover
{
	-webkit-transform:scale(1.2);
	   -moz-transform:scale(1.2);
	    -ms-transform:scale(1.2);
	     -o-transform:scale(1.2);
	        transform:scale(1.2);
}

#block .left
{
	width:200px;
	height:auto;
	float:left;
	padding-right:20px;
}

#block .left ul.menu_L
{
	width:100%;
	height:auto;
	float:left;
}

#block .left ul.menu_L li
{
	width:100%;
	height:25px;
	line-height:25px;
	margin-bottom:5px;
}

#block .left ul.menu_L li a
{
	display:block;
	height:25px;
	line-height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#595959;
	
	-webkit-transition:all .3s linear;
	   -moz-transition:all .3s linear;
	    -ms-transition:all .3s linear;
	     -o-transition:all .3s linear;
	        transition:all .5s linear;
}

#block .left ul.menu_L li a:hover, #block .left ul.menu_L li a.active
{
	color:#10368a;
}

#block .left ul.menu_L li span.puce
{
	width:15px;
	height:14px;
	margin-right:5px;
	position:relative;
	top:2.5px;
}

#block .left ul.menu_L li img
{
	-webkit-transition:all .3s linear;
	   -moz-transition:all .3s linear;
	    -ms-transition:all .3s linear;
	     -o-transition:all .3s linear;
	        transition:all .3s linear;
}

#block .left ul.menu_L li:hover img
{
	-webkit-transform:rotate(360deg);
	   -moz-transform:rotate(360deg);
	    -ms-transform:rotate(360deg);
	     -o-transform:rotate(360deg);
	        transform:rotate(360deg);
}

#block .right
{
	float:left;
	width:780px;
	min-height:329px;
	background:url(../images/separ_right.png) top left no-repeat;
	padding-left:20px;
}

#block .right h2
{
	font-size:15px;
	line-height:25px;
	margin-bottom:10px;
}

#block .right p > span {
	text-decoration:underline;
}

#block .right img.pic {
	border:1px solid #ccc;
	padding:2px;
}

#block .right .inline {
	margin-top:20px;
	margin-bottom:30px;
	position:relative;
}

#block .right .inline span {
	display:inline-block;
}

#block .right .inline span.Pright {
	position:absolute;
	right:0;
	top:56px;
}

#block .formulaire
{
	width:400px;
	float:left;
}

#block .coordinates {
	width:400px;
	float:left;
}

#googleMap {
	width: 100%;
	height: 300px;
	
	border:1px solid #ccc;
	padding:2px;
}

/* Fin Block */

/* Footer */

#footer
{
	width:100%;
	height:auto;
	margin-top:80px;
}

#footer .footer
{
	width:980px;
	height:auto;
	padding-bottom:60px;
	
	background-color:#F4F4F4;
	background-color:rgba(196, 196, 196, 0.2); 
	background-image: -webkit-radial-gradient(50% -50%, ellipse farthest-corner, rgba(196, 196, 196, 0), #ffffff 62%); 
	   background-image: -moz-radial-gradient(50% -10%, ellipse farthest-corner, rgba(196, 196, 196, 0), #ffffff 62%); 
	    background-image: -ms-radial-gradient(50% -35%, ellipse farthest-corner, rgba(196, 196, 196, 0), #ffffff 62%); 
	     background-image: -o-radial-gradient(50% -35%, ellipse farthest-corner, rgba(196, 196, 196, 0), #ffffff 62%); 
	        background-image: radial-gradient(50% -35%, ellipse farthest-corner, rgba(196, 196, 196, 0), #ffffff 62%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#F4F4F4,endColorstr=#ffffff); 
}

#footer .footer > span
{
	display:block;
	height:35px;
	line-height:35px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#595959;
	text-transform:uppercase;
	margin-bottom:20px;
	border-bottom:1px solid #EDEDED;
	
	-webkit-box-shadow: 0px 10px 10px -15px #535353;
	   -moz-box-shadow: 0px 10px 10px -15px #535353;
	    -ms-box-shadow: 0px 10px 10px -15px #535353;
	     -o-box-shadow: 0px 10px 10px -15px #535353;
	        box-shadow: 0px 10px 10px -15px #535353;
}

#footer .footer .menu_F
{
	width:100%;
	height:auto;
}

#footer .footer .menu_F ul
{
	display:table;
	width:auto;
	margin:0 auto;
}

#footer .footer .menu_F ul li
{
	float:left;
	border-right:1px solid #3e3d3b;
	padding:0 10px;
}

#footer .footer .menu_F ul li:last-child
{
	border-right:0;
}

#footer .footer .menu_F ul li a
{
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:13px;
	color:#595959;
	
	-webkit-transition:all .3s linear;
	   -moz-transition:all .3s linear;
	    -ms-transition:all .3s linear;
	     -o-transition:all .3s linear;
	        transition:all .3s linear;
}

#footer .footer .menu_F ul li a:hover
{
	border-bottom:1px solid #335DBA;
	color:#335DBA;
}

/* Fin Footer */