/*<![CDATA[*/

/* ------------------------------------ */
/*               Général                */
/* ------------------------------------ */
*{
	padding: 0;
	margin: 0;
}
* html, body {
	background-color: #FFF
}
html, body{
	color: #000000;
	height: 100%;
	font-family : Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
}

#main{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	margin: 0 auto; 
	text-align: left;
	width: 1000px;
	padding: 0 0 0 0; /* top right bottom left */
	/*border: 1px solid black;*/
}
#container { 
	width: 1000px; 
	position: relative;
	/*clear: both;
	overflow: hidden;*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/*border: 1px solid blue*/
}
#logo{
	position: absolute;
	right: 0;
	top: 0;
	width: 166px;
	height: 130px;
	z-index: 100;
}
#head{
	width: 834px;
	clear: both;
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
	height: 77px;
	background: url(../ghentreprise/head-bg.jpg) no-repeat;
	/*border: 1px solid red;*/
}


a{
	color: #211404;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
	color: #17a4f5;
}
img {
	border: 0;
}
/* Espaceur de blocs */
.clearing { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

.invisible{
	display: none;
}
#content{
	width: 980px;
	clear: both;
	position: relative;
	margin: 0 0 0 0;
	padding: 70px 0 20px 20px; 
	/*border: 1px solid red;*/
}
#flash{
	position: absolute;
	left: 558px;
	top: 77px;
	z-index: 10;
}
/* ------------------------------------ */
/*                 Menu                 */
/* ------------------------------------ */
#menugh{
	position: absolute;
	left: 20px;
	top: 29px;
	text-align: left;
	padding: 0 0 0 0;
	z-index: 100;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {font-size:11px;/*padding-bottom:200px;*/z-index: 100;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; height:92px; /*background:#e3eef6;*/}

/* style the sub-level lists */
.menu ul ul {width:80px; }

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;height:92px;line-height:92px;}

/* style the sub level list items */
.menu ul ul li {display:block;width:71px;height:auto;position:relative;line-height:24px;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;float:left;height:100%;font-size:11px;font-weight: bold;text-decoration:none;color:#211404;padding:0 0 3px 0; margin: 0 25px 0 0;_margin:0 13px 0 0}

/* style the sub level links */
.menu ul ul a, .menu ul ul a:visited {display:block;background:#fff;font-size:10px; color:#fff;width:71px;height:100%;line-height:24px; padding:0 0 3px 0;}
.menu ul table ul a, .menu ul table ul a:visited  {width:71px; w\idth:71px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; left:0; top:0; font-size:10px; z-index:-1;}
.menu ul ul table {lef\t:-1px;}
.menu ul ul table ul.left {margin-lef\t:2px;}

.menu li:hover {position:relative;}
* html .menu a:hover {position:relative;}

/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#fff;}
/* style the fourth level background */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#fff;}
/* style the sub level 1 background */
.menu ul :hover a.sub1 {background:#fff;}
/* style the sub level 2 background */
.menu ul ul :hover a.sub2 {background:#fff;}

/* style the level hovers */
/* first */
.menu a:hover {color:#fff;/*background:#bbb;*/}
.menu :hover > a {color:#fff;/*background:#bbb;*/}
/* second */
.menu ul ul a:hover{color:#fff;/*background:#ccc;*/}
.menu ul ul :hover > a {color:#fff;/*background:#ccc;*/}
/* third */
.menu ul ul ul a:hover {/*background:#ddd;*/}
.menu ul ul ul :hover > a {/*background:#ddd;*/}
/* fourth */
.menu ul ul ul ul a:hover {background:#fff;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:92px;left:31px;width:80px; }

/* position the third level flyout menu */
.menu ul ul ul{left:71px;top:0;width:80px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-71px;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:24px; background:transparent;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}

/* ------------------------------------ */
/*               INDEX                  */
/* ------------------------------------ */
#menuhp{
	position: absolute;
	left: 300px;
	top: 77px;
	text-align: left;
	padding: 0 0 0 0;
	z-index: 100;
	/*border: 1px solid blue;*/
}
#flashhp{
	position: absolute;
	left: 214px;
	top: 125px;
	/*border: 1px solid red;*/
}
/* ------------------------------------ */
/*                 Menu                 */
/* ------------------------------------ */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menuu {font-size:11px;/*padding-bottom:200px;*/z-index: 100;}

/* remove all the bullets, borders and padding from the default list styling */
.menuu ul {padding:0;margin:0;list-style-type:none; height:92px; /*background:#e3eef6;*/}

/* style the sub-level lists */
.menuu ul ul {width:80px; }

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menuu ul li {float:left;height:92px;line-height:92px;}

/* style the sub level list items */
.menuu ul ul li {display:block;width:92px;height:auto;position:relative;}

/* style the links for the top level */
.menuu a, .menuu a:visited {display:block;float:left;height:100%;padding:0 0 0 0; margin: 0 0 0 0;_margin:0 0 0 0}

/* style the sub level links */
.menuu ul ul a, .menuu ul ul a:visited {display:block;background:#fff;width:92px;height:100%; padding:0 0 0 0;}
.menuu ul table ul a, .menuu ul table ul a:visited  {width:92px; w\idth:92px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menuu table {position:absolute; left:0; top:0; z-index:-1;}
.menuu ul ul table {lef\t:-1px;}
.menuu ul ul table ul.left {margin-lef\t:2px;}

.menuu li:hover {position:relative;}
* html .menuu a:hover {position:relative;}

/* style the sub level 1 background */
.menuu ul :hover a.sub1 {background:#fff;}
/* style the sub level 2 background */
.menuu ul ul :hover a.sub2 {background:#fff;}

/* style the level hovers */
/* first */
.menuu a:hover {color:#fff;/*background:#bbb;*/}
.menuu :hover > a {color:#fff;/*background:#bbb;*/}
/* second */
.menuu ul ul a:hover{color:#fff;/*background:#ccc;*/}
.menuu ul ul :hover > a {color:#fff;/*background:#ccc;*/}
/* third */
.menuu ul ul ul a:hover {/*background:#ddd;*/}
.menuu ul ul ul :hover > a {/*background:#ddd;*/}
/* fourth */
.menuu ul ul ul ul a:hover {background:#fff;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuu ul ul {visibility:hidden;position:absolute;height:0px;top:0px;left:97px;width:320px;background:#fff; }

/* make the second level visible when hover on first level list OR link */
.menuu ul li:hover ul, .menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:0px; background:#fff;}

/* ------------------------------------ */
/*               TEXTES                 */
/* ------------------------------------ */
.bold{
	font-weight: bold;
}
.txt12{
	font-size: 12px;
}
.txt18{
	font-size: 18px;
}
.txt15b{
	font-size: 15px;
	font-weight: bold;
}
.txt18b{
	font-size: 18px;
	font-weight: bold;
}
.txt18blue{
	font-size: 18px;
	color: #0a66ec;
	line-height: 28px;
}
.txt18blue2{
	font-size: 18px;
	color: #00519d;
}
.txt24green{
	font-size: 24px;
	color: #98bf0c;
	padding: 17px 0 0 0;
}
.txt24green2{
	font-size: 24px;
	color: #0b960b;
}
.txt24blue{
	font-size: 24px;
	color: #009ee0;
}
.txt14blueb{
	font-size: 14px;
	color: #00519d;
	font-weight: bold;
}
.txt14blue2b{
	font-size: 14px;
	color: #019ee0;
	font-weight: bold;
}
.txt24oran{
	font-size: 24px;
	color: #f29400;
	padding: 17px 0 0 0;
}
.txt24red{
	font-size: 24px;
	color: #f5350f;
	padding: 17px 0 0 0;
}
.txt15red{
	font-size: 15px;
	color: #d8001c;
}
.txt16gray{
	font-size: 16px;
	color: #5b6b82;
}
.txt14gray{
	font-size: 14px;
	color: #5b6b82;
	line-height: 24px;
}
/* ------------------------------------ */
/*                PAGES                 */
/* ------------------------------------ */

/*raison d'être*/
#titre{
	font-size: 20px;
	color: #162983;
	line-height: 29px;
}
.titremoy{
	font-size: 26px;
	color: #004191;
	line-height: 26px;
}
.titrebig{
	font-size: 36px;
	color: #162983;
	line-height: 36px;
}
#ent-raison1{
	line-height: 22px;
	font-size: 14px;
}
#ent-raison2{
	font-size: 14px;
}
#ent-raison2 .tblghentreprise{
	border-collapse: collapse;
}
#ent-raison2 .tblghentreprise td{
	padding: 2px 2px 2px 4px;
}
/*structure*/
#ent-struct_1{	position: absolute;	left: 347px;	top: 215px;	text-align: center;}
#ent-struct_2{	position: absolute;	left: 118px;	top: 273px;	text-align: center;}
#ent-struct_3{	position: absolute;	left: 78px;	top: 424px;	text-align: center;}
#ent-struct_4{	position: absolute;	left: 280px;	top: 516px;	text-align: center;}
#ent-struct_5{	position: absolute;	left: 497px;	top: 543px;	text-align: center;}
#ent-struct_6{	position: absolute;	left: 734px;	top: 501px;	text-align: center;}

/*clients*/
#content h1{font-size: 18px;line-height: 30px;font-weight:normal;}
#ent-clients_1{position: absolute;left: 275px;top: 94px;font-size: 18px;line-height: 30px;background:  url(../ghentreprise/ent-clients_1.gif) no-repeat;padding: 24px 0 30px 57px;}
#ent-clients_2{position: absolute;left: 77px;top: 237px;font-size: 18px;line-height: 30px;background:  url(../ghentreprise/ent-clients_2.gif) no-repeat;padding: 24px 0 30px 57px;}
#ent-clients_3{position: absolute;left: 326px;top: 289px;font-size: 18px;line-height: 30px;background:  url(../ghentreprise/ent-clients_3.gif) no-repeat;padding: 24px 0 30px 57px;}
#ent-clients_4{position: absolute;left: 129px;top: 447px;font-size: 18px;line-height: 30px;background:  url(../ghentreprise/ent-clients_4.gif) no-repeat;padding: 34px 0 50px 57px;}
#ent-clients_5{position: absolute;left: 617px;top: 368px;font-size: 18px;line-height: 30px;background:  url(../ghentreprise/ent-clients_5.gif) no-repeat;padding: 34px 0 50px 57px;}

/*securite*/
#prod-secu-bg{	position: absolute;	z-index: 0;	left: 20px;	top: 48px;	width: 474px;	height: 492px;	background: url(../ghentreprise/prod-secu.gif) no-repeat;}
#prod-secu-new{	position: absolute;	z-index: 0;	left: 20px;	top: 48px;	width: 474px;	height: 492px;	background: url(../ghentreprise/prod-secu-new.gif) no-repeat;}

/*energie*/
#prod-energie-bg{	position: absolute;	z-index: 0;	left: 20px;	top: 48px;	width: 474px;	height: 492px;	background: url(../ghentreprise/prod-energie.gif) no-repeat;}
.titre-prod{	position: absolute;	z-index: 1;	left: 20px;	top: 163px;	width: 318px;	height: 20px;	font-size: 15px;	font-weight: bold;	color: #FFF;	padding: 3px 0 0 30px;}
#txt-prod{position: absolute;	z-index: 1;	left: 50px;	top: 236px;	font-size: 15px;}
#txt-prod-av{background: url(../ghentreprise/prod-energie-stars.gif) no-repeat 0 33px;	padding: 20px 0 0 78px;	font-size: 15px;	font-weight: bold;}
#txt-prod-gh{	position: absolute;z-index: 1;left: 50px;	top: 430px;	font-size: 15px;font-weight: bold;color: #97bf0d;}
#txt-prod-eden{position: absolute;z-index: 1;left: 275px;top: 430px;}
#txt-prod-visu{position: absolute;z-index: 1;left: 387px;top: 325px;width:613px}
#txt-prod-visu-lien{	position: absolute;z-index: 1;left: 884px;top: 453px;	border-top: 1px solid #58585a;border-bottom: 1px solid #58585a;padding: 5px 5px 5px 5px;}
#txt-prod-visu-lien a{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	font-size: 0.7em;	letter-spacing: 0.2em;	color: #858586;}
#txt-prod-visu-lien a:hover{	color: #17a4f5;}

/*securite*/
#prod-secu-bg{	position: absolute;	z-index: 0;	left: 0;	top: 200px;	width: 586px;	height: 322px;	background: url(../ghentreprise/prod-secu-bg.gif) no-repeat;}
#txt-secu{position: absolute;	z-index: 1;	left: 50px;	top: 210px;	font-size: 15px;}
#txt-secu-visu{position: absolute;z-index: 1;left: 349px;top: 157px;}
#txt-secu-visu2{position: absolute;z-index: 1;left: 526px;top: 318px;}
#prod-secu-new{	position: absolute;	z-index: 0;	left: 349px;	top: 45px;	width: 142px;	height: 54px;	background: url(../ghentreprise/prod-secu-new.gif) no-repeat;}

/*hygiène*/
#prod-hyg-bg{	position: absolute;	z-index: 0;	left: 20px;	top: 117px;	width: 507px;	height: 464px;	background: url(../ghentreprise/prod-hyg.jpg) no-repeat;}
#prod-hyg-new{	position: absolute;	z-index: 0;	left: 137px;	top: 50px;	width: 212px;	height: 67px;	background: url(../ghentreprise/prod-hyg-new.jpg) no-repeat;}
#txt-hyg-visu1{position: absolute;z-index: 1;left: 350px;top: 118px;}
#titre-sec{	position: absolute;z-index: 1;left: 50px;top: 120px;}
#titre-sec2{	position: absolute;z-index: 1;left: 50px;top: 470px;font-weight: normal;}
.titre-prod2{	position: absolute;	z-index: 1;	left: 20px;	top: 495px;	width: 318px;	height: 20px;	font-size: 15px;	font-weight: bold;	color: #FFF;	padding: 3px 0 0 30px;}
#txt-secu2{position: absolute;	z-index: 1;	left: 50px;	top: 545px;	font-size: 15px;}
#txt-hyg-visu2{position: absolute;z-index: 1;left: 347px;top: 410px;}
#titre-sec3{	position: absolute;z-index: 1;left: 558px;top: 330px;font-weight: normal;}
.titre-prod3{	position: absolute;	z-index: 1;	left: 521px;	top: 354px;	width: 318px;	height: 20px;	font-size: 15px;	font-weight: bold;	color: #FFF;	padding: 3px 0 0 30px;}
#txt-secu3{position: absolute;	z-index: 1;	left: 558px;top: 405px;	font-size: 15px; width: 450px;}
#txt-hyg-visu3{position: absolute;z-index: 1;left: 789px;top: 318px;}

/*services*/
#txt-services{	padding: 0 0 60px 20px;	font-size: 14px;}
#txt-services-tab{padding: 0 0 0 25px;}
#txt-services-acc{	position: absolute;z-index: 1;left: 558px;top: 338px;	font-size: 14px;}
#txt-services-ref{	position: absolute;z-index: 1;left: 558px;top: 455px;	font-size: 14px; color:#5b6b82;background: #e7e9ec;padding: 15px;}
.pad70{	padding: 3px 0 3px 70px;}
blockquote.pad35{	padding: 0 0 0 105px;}
#txt-services-lien{	position: absolute;z-index: 1;left: 558px;top: 760px;	font-size: 18px; color:#5b6b82;}
#txt-services-lien a{	font-size: 18px; color:#5b6b82;}
#txt-services-lien a:hover{	font-size: 18px; color:#17a4f5;}

/*contact*/
#contact{	margin: 0 0 0 0;	padding: 0 0 0 40px;	}
#contact h2{	font-size: 12px;	color: #4d5e7b;	font-weight: bold;	padding: 0 0 20px 0;}
#contact table{	width: 380px;	/*border: 1px solid blue;*/}
td.fdlabel{	background: #eff1f3;	width: 180px;	padding: 0 0 0 10px;	/*border: 1px solid red;*/}
td.fdinput{	background: #fff;	width: 200px;	padding: 0 0 0 0;	font-size: 12px;	color:#5b6b82;	/*border: 1px solid lime;*/}
#contact label{	font-size: 12px;	color: #4d5e7b;	font-weight: bold;	background: #eff1f3;}
td.fdinput .champs{	font-size: 14px;	color: #1A171B;	width: 200px;	height: 16px;	margin: 1px 0 1px 0;	padding: 0 0 0 0;	/*border: 1px solid gray;*/}
#contact textarea{	font-size: 14px;	color: #1A171B;	width: 200px;	margin: 3px 0 3px 0;	padding: 0 0 0 0;	/*border: 1px solid gray;*/}
#contact .check{	font-size: 14px;	color: #1A171B;	width: 15px;	height: auto;	margin: 10px 5px 0 0;	padding: 0 0 0 0;	/*border: 1px solid gray;*/}
#contact .submit{	font-size: 14px;	color: #1A171B;	margin: 20px 0 10px 230px;}
td.info{	font-size: 10px;	color:#5b6b82;	font-style: italic;}
#txt-cont-acc{	position: absolute;z-index: 1;left: 558px;top: 470px;	font-size: 14px;}

/*Infos Légales*/
#info-legal{ width: 520px; padding: 0 0 0 20px; margin: 0 0 0 20px;	background: url(../ghentreprise/infolegal.gif) no-repeat; line-height: 18px;}
#info-legal-r{	position: absolute;z-index: 1;left: 615px;top: 160px;	font-size: 12px;padding: 0 0 0 17px;	background: url(../ghentreprise/infolegal-r.gif) no-repeat;; line-height: 18px;}

/* ------------------------------------ */
/*             Bloc Redondant           */
/* ------------------------------------ */
.lettrine{
	font-size: 24px;
	color: #009ee0; 
	/*font-weight: bold;*/
}
sup{
	vertical-align:top;
}
#scope{
	display: none;
}
#retourtop{
	float: left;
	width: 463px;
	height: 20px;
	padding: 40px 0 0 0;
	text-align: right;
}
#retourtop a{
	color: #4B6881;
	font-size: 95%;
}
/* ------------------------------------ */
/*               FOOTER                  */
/* ------------------------------------ */
#footer{
	margin: 20px 0 0 0;
	padding: 16px 0 20px 0;
	text-align: center;
	background: url(../ghentreprise/footer-bg.gif) no-repeat 449px 0 ;
	/*border: 1px solid blue*/
}
#footer-trans{
	font-size: 12px;
	color: #a2a5aa;
	padding: 0 0 0 110px;
}
#footer-trans a{
	font-size: 12px;
	color: #a2a5aa;
	padding: 0 12px 0 12px;
}
#footer-trans a:hover{
	color: #0062ac;
	text-decoration: none;
}
/* ------------------------------------ */
/*             Open-Window              */
/* ------------------------------------ */
#ow{
	width: 300px;
	text-align: left;
}
#ow-head{
	padding: 10px 0 0 20px;
	text-align: left;
}
#ow-titre{
	font-size: 12px;
	font-weight: bold;
	color: #1a171b;
	margin: 20px 0 0 20px;
	padding: 7px 0 7px 8px;
	text-align: left;
}
#ow-txt{
	margin: 0 20px 0 20px;
	padding: 10px 0 0 10px;
	font-size: 12px;
	color: #1A171B;
	text-align: left;
}
#ow-txt p{
	padding: 0 0 10px 0;
	text-align: left;
}
#ow-txt span{
	font-size: 12px;
	color: #1A171B;
	padding: 0 3px 0 3px;
}
#ow-txt a{
	font-size: 12px;
	color: #1A171B;
	padding: 0 3px 0 3px;
}
#ow-txt a:hover{
	font-size: 12px;
	color: #FFF;
	background: #17a4f5;
	text-decoration: none;
}
#ow-txt ul{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	_height:1%;
}
#ow-txt li{
	list-style: none;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}
#ow-txt li li{
	list-style: none;
	margin: 0 0 0 0;
	padding: 0 0 0 20px;
}
#ow-close{
	font-size: 11px;
	color: gray;
	font-weight: normal;
	float: right;
	padding: 20px 15px 0 0;
}

/*]]>*/