/* ************************ Main ************************ */

body{ 
	font:0.8em verdana,Tahoma,Helvetica, sans-serif;/* Corbel*/
	color:#444444;/*666666 7C7C7C*/
	text-align:center;	
  background:url('Images/EnTete1.jpg') Top center repeat-x; 
}

body, h1, h2, h3, h4, h5, p, table, table th, form, a img {
	border: none;
	margin: 0px;
	padding: 0px;
}

img, div { 
behavior: url('Lib/iepngfix.htc')
}

a{
	color:#1AB7EA;
	text-decoration:none;
}
a:hover{
	color:#1AB7EA;
	text-decoration:underline;
}

p{
	margin:0px;
	padding:6px 0px 6px 0px;	
}

h1{
	padding:0px 0px 20px 8px;
	color:#E81B22;/*ED405F A50001*/
	font:22px Tahoma,"Arial Black",Georgia, "Times New Roman", Times, serif;
	font-weight:normal; 			
}

h2{
	padding:4px 0px 10px 60px;	
	font:20px Tahoma,"Arial Black",Georgia, "Times New Roman", Times, serif;
	color:#000000;
	line-height:2em;	
}

h3{
	padding:10px 0px 10px 10px;
	font: 20px Tahoma,"Arial Black",Georgia, "Times New Roman", Times, serif;
	font-weight:normal; 
	color:#000000;
	}

h4{
	font:14px Arial,"Times New Roman",Times, sans-serif ;
	font-weight:bold; 
	padding:0px 0px 0px 0px;
	color:#333333;
	}
	
h5{
	padding:10px 0px 10px 60px;
	font-size:24px;
	background: url("Images/puce1.png" ) no-repeat center left;
	font-weight:Bold; 
	color:#000000;
}

/* ************************ Parrallax ************************ */

#parallax {
	position:relative; 
	overflow:hidden; 
	width: 900px; 
	height: 140px;
	float: left;
	padding:0px 0px 5px 0px;
}
	
/* ************************ Page par défaut ************************ */

#page{ 
	margin:0 auto; 
	padding:0px 0px 0px 0px;
	width:900px;
	text-align:Left;
	background:url('Images/EnTete2.jpg') top center no-repeat;			
}

/* ************************ En-Tete ************************ */

#header{height:275px;}

#nav{height:0px;	padding:0px 0px 0px 0px;}

#nav .logo{
	float:left ;
	width:120px;
	height:80px;
	padding:0px 0px 0px 10px;
}

.Info{
	width:600px;	
	padding:0px 0px 0px 10px;	
	float: left;
}

.InfoPad{padding:37px 0px 0px 0px;}

.Info a{
	background:#E81B3D;
	color:#ffffff;
	text-decoration:none;
	padding:5px;
}
.Info a:hover{
	color:#fff;
	text-decoration:none;
	background:#000;	
}
.Info .Infotext{
	padding:0px 0px 0px 0px;
	color:#9E9E9E;	
	line-height:1.80em;
	font-size:1.05em;
}

/* ************************ Menu************************ */

/* GLOBALHEADER */
#globalheader {padding:0px 0px 0px 220px; width: 800px;height: 0px; position: relative; z-index: 9998;float:left;}
#globalheader #globalnav { margin: 0; }
#globalheader #globalnav li { display: inline; }
#globalheader #globalnav li a { float: left; width: 93px; height: 0; padding-top: 38px; overflow: hidden; }
#globalheader #globalnav li a,
#globalheader #globalsearch {behavior: url('Lib/iepngfix.htc'); background-image: url('Images/Menu.png'); background-repeat: no-repeat; }

/* BUTTONS */
#globalheader #globalnav li#gn-Accueil a { background-position: 0 0; }
#globalheader #globalnav li#gn-Savoir a { background-position: -95px 0; }
#globalheader #globalnav li#gn-Competence a { background-position: -188px 0; }
#globalheader #globalnav li#gn-Activites a { background-position: -282px 0; }
#globalheader #globalnav li#gn-Partner a { background-position: -376px 0; }
#globalheader #globalnav li#gn-Contact a { background-position: -564px 0; }
/* #globalheader #globalnav li#gn-Contact a { background-position: -564px 0; } */ 

/* OVER STATES */
#globalheader #globalnav li#gn-Accueil a:hover { background-position: 0 -38px; }
#globalheader #globalnav li#gn-Savoir a:hover { background-position: -95px -38px; }
#globalheader #globalnav li#gn-Competence a:hover { background-position: -188px -38px; }
#globalheader #globalnav li#gn-Activites a:hover { background-position: -282px -38px; }
#globalheader #globalnav li#gn-Partner a:hover { background-position: -376px -38px; }
#globalheader #globalnav li#gn-Contact a:hover { background-position: -564px -38px; }
/* #globalheader #globalnav li#gn-Contact a:hover { background-position: -564px -38px; } */ 

/* PRESSED STATES */
#globalheader #globalnav li#gn-Accueil a:active { background-position: 0 -76px; }
#globalheader #globalnav li#gn-Savoir a:active { background-position: -95px -76px; }
#globalheader #globalnav li#gn-Competence a:active { background-position: -188px -76px; }
#globalheader #globalnav li#gn-Activites a:active { background-position: -282px -76px; }
#globalheader #globalnav li#gn-Partner a:active { background-position: -376px -76px; }
#globalheader #globalnav li#gn-Contact a:active { background-position: -564px -76px; }
/* #globalheader #globalnav li#gn-Contact a:active { background-position: -564px -76px; }*/ 

/* ON STATES */
#globalheader.Accueil #globalnav li#gn-Accueil a { background-position: 0 -114px; !important; }
#globalheader.Savoir #globalnav li#gn-Savoir a { background-position: -95px -114px !important; }
#globalheader.Competence #globalnav li#gn-Competence a { background-position: -188px -114px !important; }
#globalheader.Activites #globalnav li#gn-Activites a { background-position: -282px -114px !important; }
#globalheader.Partner #globalnav li#gn-Partner a { background-position: -376px -114px !important; }
#globalheader.Contact #globalnav li#gn-Contact a { background-position: -564px -114px !important; }
/* #globalheader.Contact #globalnav li#gn-Contact a { background-position: -564px -114px !important; } */

/* ************************ Content ************************ */

.content{
	text-align:Left;
	clear:both;
	padding:0px 0px 15px 10px;
}

.pagetext{
	width:940px;		
}

.content .pagetext p{
	line-height:1.80em;
	font-size:1.05em;
}

.clear{
	clear:both;
}

/* ************************ position ************************ */

.ileft{
	float:left;
	width:400px;
	padding-right:0px;
}

.imageright{	
	padding:0px 0px 0px 40px;
}

.iright{
	float:right;
	width:450px;
	padding:0px 0px 0px 0px;
}


/* ************************ Accueil ************************ */

#Accueil .ileft{width:400px;}

#Accueil.Domaine{height:500px;}

#Accueil p{
	border-bottom:solid 1px #eee;
	margin-bottom:15px;
	padding-bottom:25px;
}

/* *********************** SavoirFaire ********************** */

.Step{width:450px;height:325px;}
.Step p{border-bottom:none;}
.strong {color:#EA304F;font-weight:normal;font-size:12px;}/* 7C7C7C*/
.strong1 {color:#1E1E1E;font-weight:normal;font-size:12px;}/*1E1E1E */

.Step .Black {color:#7C7C7C}
.Step .Black .Fond{background:url('Savoirfaire/Images/FlecheDroite.gif') no-repeat ;padding:10px 10px 0px 25px;height:325px;}
.Step .Black .Fond1{background:url('Savoirfaire/Images/FlecheBas1.jpg') no-repeat;padding:20px 10px 0px 25px;height:325px;}
.Step .Black h2{color:#DDDDDD;padding:4px 0px 6px 60px}

.Step .Red {background:url('Savoirfaire/Images/FlecheBas.jpg') no-repeat;padding:20px 10px 0px 25px;height:325px;}
.Step .Red h2{background: none; padding:4px 0px 0px 60px;color:#1E1E1E}
.Step .Red p{color:#DDDDDD}

#Savoir{height:395px;	padding: 0px 0px 33px 51px; top right}
.StepLeft {width:470px;height:325px;}
.StepLeft .Gris{background:url('Savoirfaire/Images/FlecheGauche.gif') no-repeat;padding:20px 10px 0px 15px;width:465px;height:325px;}

/* *********************** Competence ********************** */

.comp .Alerte{background:url('Competences/Images/FlecheDroite.gif') repeat;padding:20px 20px 20px 20px;width:410px;}
.comp .techno{background:url('Contact/Images/bg.jpg') repeat;padding:20px 20px 20px 20px;width:410px;}
.comp .techno h2{color:#000000;padding:5px 0px 10px 60px}
.comp .techno p{border-bottom:none;}

/* ************************ Activites ********************** */

#Activites {width:880px;}
#Activites a {float:right;color: #444444;text-decoration:none;font-weight:normal;padding:0px 0px 25px 0px;}

#Activites.Domotique{background:url('Activites/Images/bg_Dom.jpg') top center no-repeat ;}
#Activites.Pollution{background:url('Activites/Images/bg_pol.jpg') top center no-repeat ;}
#Activites.RG{background:url('Activites/Images/bg_RG1.jpg') top center no-repeat ;}
#Activites.Bank{background:url('Activites/Images/bg_bank.jpg') top center no-repeat ;}
#Activites.Aero{background:url('Activites/Images/bg_Aero.jpg') top center no-repeat ;}
#Activites.Nrj{background:url('Activites/Images/bg_Nrj.jpg') top center no-repeat ;}
#Activites.Train{background:url('Activites/Images/bg_Train.jpg') top center no-repeat ;}
#Activites.Bio{background:url('Activites/Images/bg_Bio.jpg') top center no-repeat ;}

#Activites .GroupeInfo{
	border-bottom:solid 1px #eee;
	padding-bottom:10px;	
	margin-bottom:30px;	
	background:none;
}

#Activites .ZoneHaut{	
	width:800px;
	letter-spacing: 0.5px;
	line-height:1.40em;
	font-size:1.05em;
	border-bottom:solid 1px #eee;
	padding-bottom:10px;	
	margin-bottom:10px;	
}

#Activites .Titre{	
	width:800px;
	font:normal 24px Arial,verdana, Helvetica, sans-serif; 
	color:#018A76;	
}

#Activites .Titre .Gris{color:#CFCFCF;}

#Activites.Description{padding: 250px 0px 0px 0px;}

#Activites .EnTete{	
	color:#000000;
	width:600px;
	margin:0px 0px 20px 100px;
	padding:0px 0px 0px 10px;
	border-left:solid 5px #008575;
}

#Activites .Description p{
	padding:10px 0px 0px 0px;		
	border-bottom:none;
}

/* ************************ RefClient ************************ */

#RefClient {
	width:870px;
	Height:235px;	
	padding:0px 0px 0px 10px;
	margin:0px 0px 40px 0px;
}

#RefClient .Millipore{	background:url('Clients/Images/bg_Millipore.jpg') top right no-repeat;Height:235px;		}
#RefClient .Rg{	background:url('Clients/Images/P_Rg.jpg') top right no-repeat;Height:235px;		}
#RefClient .Hager{	background:url('Clients/Images/bg_Hager.jpg') top right no-repeat;Height:235px;		}
#RefClient .Gunnebo{	background:url('Clients/Images/bg_gunnebo.jpg') top right no-repeat;Height:235px;		}
#RefClient .Ademe{	background:url('Clients/Images/bg_Ademe.jpg') top right no-repeat;Height:235px;		}
#RefClient .Biorad{	background:url('Clients/Images/bg_Biorad.jpg') top right no-repeat;Height:235px;		}
#RefClient .Alstom{	background:url('Clients/Images/bg_Alstom.jpg') top right no-repeat;Height:235px;		}
#RefClient .Clemessy{	background:url('Clients/Images/bg_Clemessy.jpg') top right no-repeat;Height:235px;		}
#RefClient .Fram{	background:url('Clients/Images/bg_Fram.jpg') top right no-repeat;Height:235px;		}

#RefClient .logo{
	float:left;
	width:137px;
	height:165px;
	padding:0px 0px 10px 0px;	
}

#RefClient .texte{
	float:left;
	width:320px;
	height:200px;	
	margin:0px 0px 0px 30px;
}

#RefClient .texte p{border-bottom:none;}

#RefClient .adresse{
	float:left;
	width:400px;
	height:100px;	
	margin:0px 0px 0px 20px;
}

#RefClient .info{
	clear: both;
	height:35px;	
	margin:0px 0px 0px 0px;
	background:url('Clients/Images/bg.jpg') repeat ;
}

#RefClient .nom{	
	float: left;
	font-size:14px;
	font-weight:bold;
	color:#DDDDDD;	
	padding:10px 0px 0px 5px;
	}
	
#RefClient .web{		
	float:right;	
	color:#1AB7EA;
	font-weight:normal; 
	margin:8px 5px 0px 0px;
	}

/* ************************ Partenaires ************************ */

#Partenaire {
		width:965px;
		Height:450px;
		padding:0px 0px 0px 0px;		
	}	

#Partenaire.fond {
	width:600px;
	Height:450px;	
	padding:4px 0px 0px 10px;
	margin:0px 0px 0px 0px;	
}

#Partenaire.logo{
	float:right;
	width:116px;
	height:169px;
	margin: 0px 100px 0px 0px;	
	padding:10px 0px 0px 0px;	
}

/* hide container until all is ready */
.test, .test2,.test3,.test4{
	display:none;
}

.test3 p{
	border-bottom:solid 0px #eee;	
	margin-bottom:15px;
	padding:10px 0px 25px 10px;
	line-height:1.80em;
	font-size:1.05em;
}

/*Main Container*/
.container {
	width:100%;	
}
.container ul{
	list-style-type: none;
	margin: 0;
	padding:0;	
}
.container li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.contentContainer {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 468px;	
	overflow:hidden;
}
.contentWrapper{	
}
.contentInnerWrapper{
	text-align: justify;
	padding: 10px;
}
/* Handle*/
.handle{
	float: left;
	width: 38px;
	height: 500px;
	margin: 1px;
	margin-right: -10px;
	background:  url(../Images/blade.png) no-repeat;
}
.handleOver{	
	background: url(../Images/blade_sel.png) no-repeat;
}
.handleSelected{	
	background: url(../Images/blade_sel.png) no-repeat;
}
.container3 {
	width:100%;
	height:100%;		
}
.container3 ul{
	list-style-type: none;
	margin: 0px;
	padding:0px;	
}
.container3 li{
	display: inline; 
	margin: 0px;
	padding:0px;
}
/*Handle*/
.handle3 {
	float: left;
	width: 85px;
	height: 469px;
	text-align:center;
/*
	background: #666;
	border: 1px solid white;*/
}
.handle3 img{
	margin-top:2px;
	/*filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;*/
	
}
.handleOver3{
/*
	background:  url(../Images/blade_grey.png) no-repeat;
	background: red;
	border: 1px solid white;*/
}
.handleOver3 img{
	margin-top:2px;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}
.handleSelected3{
	/*
	background: #000;
	border: 1px solid white;
	*/
	filter:alpha(opacity=90);-moz-opacity:.99;opacity:.99;
	
}
/*Content Container*/
.contentWrapper3{
	text-align: justify;
	
}
.contentInnerWrapper3{
	padding: 2px;
}
.contentWrapper3 h3{
	border-bottom: 1px solid silver;
	color: #000000;
}
.contentContainer3 {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 310px;	
	overflow:hidden;
}

/* ************************ contact ************************ */

.contactform{margin:10px 0px 30px 0px}

.contactform td{
	padding:0px 15px 10px 0px;
	vertical-align:top
}
.contactform .textbox{
	padding:0px 0px 0px 0px;
	width:250px;
	border:solid 1px #DBDBDB;
	color:#7C7C7C;
	font-size:12px;
	font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
	height:20px
}

.contactform .textbox:hover{
	border:solid 1px #EF92A3
}

.contactform textarea{
	width:270px;
	height:260px;
	border:solid 1px #DBDBDB;
	color:#7C7C7C;
	font-size:12px;
	font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif			
}

.contactform textarea:hover{
	border:solid 1px #EF92A3
}

.contactform .submit{
	border:0px;
	width:129px;
	height:34px;
	background:url('Contact/Images/button.jpg') repeat ;
	border:solid 1px #BDBDBD;
	padding:5px;
	font:12px Verdana,Tahoma, Arial, Helvetica, sans-serif	
}

.contactform .submit:hover{
	background:url('Contact/Images/buttonH.jpg') repeat ;
	border:solid 1px #999999;
}

.contactform .submit:active{
	border:solid 1px #F24E4D;
	background:#F24E4D;
	color:#ffffff
}

#contact.iright{
	float:right;
	width:450px;
	height:492px;
	padding:0px 0px 0px 10px;
	background:url('Contact/Images/bg.jpg') repeat ;
	border:solid 1px #dddddd;	
}

/* ************************ footer ************************ */
#HautRetour {
	/*float:right;*/	
	padding:0px 0px 0px 80px;
	width:900px;
	/*height:10px;*/
	/*background: #444444;
	border: 1px solid white;*/
	margin:0 auto; 
	}
	
#HautRetour a {
	float:right;
	color: #444444;
	text-decoration:none;
	font-weight:normal;}

div#footer	{background:url('Images/Pied2.jpg') Top center repeat-x;height:180px;		}
div#footer .container	{width:900px;margin:0 auto;padding:70px 0px 0px 20px;}
div#footer .sectionLeft{float:left; padding: 30px; padding:30px 30px 0px 0; width:90px; }
div#footer .sectionRight{float:Right; padding: 30px; padding:30px 30px 0px 0; width:90px; }
div#footer .copyright	{padding:75px 0px 0px 0px;font-size:12px; }	

#footer a,
#footer a:link,
#footer a:visited 		{color: #fff;text-decoration:none;font-weight:normal; }
#footer a:hover			{color: #fff;text-decoration:underline;font-weight:normal; }