*{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;}

body{ 
	background-image:url(../images/fond.gif); 
	background-repeat:repeat-y;
	background-position:top center;
	background-color:#A4AAB8;
	margin:0px; 
	padding:0px;
}

/* ********** general ********** */
/* liens */
a{text-decoration:none;}
a:hover{text-decoration: underline;}

.align-left{text-align:left;}
.align-center{text-align:center;}
.align-right{text-align:right;}

/* images */
img{border:0px;}

/* formulaires */
form{margin:0px; padding:0px;}
form p{margin:0px; padding:0px;}
form p label{margin:0px; padding:0px;}

/* listes */
dl, dt{margin:0px; padding:0px;}

/* hr */
div.sep { clear: both; width: 580px; height: 1px; padding: 0; margin:0px;}
div.sep hr { position: absolute; top: -999em; left: -999em; }

div.sep2 { clear: both; width: 10px; height: 1px; padding: 0; margin:0px;}
div.sep2 hr { position: absolute; top: -999em; left: -999em; }

/* ********** global ********** */
#global{
	width:967px;
	position:relative;
	margin:0px auto; 
	padding:10px 6px 8px 12px;
	font-size:70%;
}

/* ********** banniere haut ********** */
#haut{
	color:#1D2C4D;
	height:141px;
	margin:0px 10px 0px 0px;
	float:left;
	padding: 0px 0px 0px 12px; 
}

	#haut h1{
		margin:0px;
		padding:0px;
		text-transform:uppercase;
		font-size:14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		word-spacing:1px;
	}
	
	#haut #form-rech{width:297px;_margin: 0px 0px 0px -12px;_padding: 0px 0px 0px 4px;}
	
	#haut form{/* formualire de recherche */
		background-image:url(../images/fond-recherche.gif);
		background-repeat:repeat-x;
		background-position:top left;
		background-color:#CFD2D7;
		width:289px;
		height:29px;
		color:#5C606B;
		margin:9px 0px 0px -12px;
		padding:9px 0px 0px 20px;
	}
	
	#haut form p label{text-transform:uppercase;margin: 0px 6px 0px 0px;}
	
	.b-ok, .b-ok2{ 
		background-image:url(../images/fond-bouton-ok.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width:35px; 
		height:19px; 
		color:#828895;
		font-weight:bold;
		font-size:11px;
		border:0px;
		cursor:pointer;
	}
	.b-ok2{margin:2px 0px 0px 90px;}
	
	#banniere-cgl{float:left;}

/* ********** menu ********** */
dl#menu{
	background-image: url(../images/fond-menu.gif);
	background-position:top left;
	background-repeat:repeat-x;
	width:966px;
	height:38px; 
	margin: 10px 0px 0px 0px;
	padding:0px;
}

dl#menu dt{
	display:block; 
	float:left; 
	height:38px;
	text-align:center;
}

dl#menu dt a{ font-weight:bold; text-transform:uppercase; color:#fff;padding: 12px 0px 12px 0px; display:block;}

/* les différents boutons */
dl#menu dt.b-accueil, dl#menu dt.b-3{width:80px;}
dl#menu dt.b-agences, dl#menu dt.b-7{width:103px;}
dl#menu dt.b-batiment, dl#menu dt.b-8{width:123px;}
dl#menu dt.b-energie, dl#menu dt.b-9{width:177px;}
dl#menu dt.b-location, dl#menu dt.b-10{width:190px;}
dl#menu dt.b-devis, dl#menu dt.b-11{width:86px;}
dl#menu dt.b-recrutement, dl#menu dt.b-12{width:112px;}
dl#menu dt.b-contact, dl#menu dt.b-13{width:83px; text-align:right;}

/* ********** col-gauche ********** */
#col-gauche{
	background-color:#fff;
	width:320px; 
	float:left; 
	padding:0px;
	margin:0px;	 
}

	/* ********** col-gauche : actualite ********** */
	#col-gauche #box-actualite{
		background-image:url(../images/fond-haut-actu.gif);
		background-position:top left;
		background-repeat:no-repeat;
		padding:0px; 
		margin:0px 0px 0px -6px;
		border-top:1px solid #fff;
		
	}
	
	#col-gauche #box-actualite h1{
		padding:0px;
		text-transform:uppercase;
		font-size:14px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		word-spacing:1px;
		margin:19px 0px 18px 23px;
		
	}
	
	#col-gauche #box-actualite #contenu-actu{
		background-image:url(../images/fond-actu.gif);
		background-position:top left;
		background-repeat:repeat-y;
		width:267px;
		margin: 0px 0px 0px 0px;
		padding: 0px 32px 0px 30px;
		min-height: 184px;/*pour fixer une taille minimale sous mozilla*/
		height: auto !important;/*pour fixer une taille minimale sous ie*/
		height:184px;
		color:#596072;
	}
	
	#col-gauche #box-actualite #contenu-actu a,#col-gauche #box-actualite #contenu-actu b{color:#212950; font-weight:bold;margin:0px; padding:0px; }
	#col-gauche #box-actualite #contenu-actu p.bodytext{margin:0px; padding:0px;}
	#col-gauche #box-actualite #contenu-actu dd{margin:0 !important;}
	
	#col-gauche #box-actualite #bas-actu{ 
		background-image:url(../images/fond-bas-actu.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		background-color:#fff;
		width:209px; 
		height:30px;
		color:#212950;
		padding:19px 0px 0px 120px;

	}
	
	#col-gauche #box-actualite #bas-actu a{
		background-image:url(../images/puce-actu.gif);
		background-position:center right;
		background-repeat:no-repeat;
		display:block; 
		text-transform:uppercase;
		color:#212950; 
		font-weight:bold;
		width:174px;
	}

	/* ********** col-gauche : lettre ********** */
	#col-gauche #box-lettre{
		background-image:url(../images/fond-lettre.gif);
		background-position:bottom left;
		background-repeat:no-repeat;
		width:329px;
		/*height:100px;*/
		margin:0px 0px 0px -6px; 
		padding:0px 0px 5px 0px;
	}
	
	#col-gauche #box-lettre h1{
		text-transform:uppercase;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		word-spacing:1px;
		font-size:14px;
		margin:-5px 0px 0px 16px; 
		padding:0px;
		border-bottom:1px solid #C6CBD3;
		padding:20px 0px 5px 7px;
		width:286px;
	}

	#col-gauche #box-lettre p{margin: 5px 0px 0px 22px; padding: 0px 0px 0px 0px; color:#5F616E;}
	
	#col-gauche #form-lettre{position:relative;margin:2px 0px 0px 70px;width:240px;}
	#col-gauche #form-lettre label{display:block; float:left; padding: 2px 0px 0px 0px; width:46px;}
	#col-gauche #form-lettre input{float:left;}
	
	#col-gauche #box-lettre form p{margin:2px 0px 0px 0px; padding: 0px;}
	#col-gauche #box-lettre form p input.champ-txt{/*width:140px;*/ color:#5E606F; text-indent: 6px;margin:0px; padding: 0px;}
	
	#col-gauche #box-lettre form .type-news{ float:left;}
	#col-gauche #box-lettre form .type-news label{width:86px;padding: 3px 0px 0px 0px;}
	
	/* ********** col-gauche : recrutement ********** */
	#col-gauche #box-recrutement{
		background-image:url(../images/fond-recrut.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width:329px;
		height:67px;
		margin:0px 0px 0px -6px;
		padding:0px 0px 0px 16px;
	}
	
	#col-gauche #box-recrutement h1{
		text-transform:uppercase;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		word-spacing:1px;
		font-size:14px;
		border-bottom:1px solid #C6CBD3;
		padding:10px 0px 5px 7px;
		width:279px;
		margin:0px 0px 0px 0px; 
	}
	
	#col-gauche #box-recrutement p{margin:0px 0px 0px 0px; padding: 10px 20px 0px 16px; float:left; color:#5F616E; }
	#col-gauche #box-recrutement form p{margin: 0px; padding: 10px 0px 0px 0px;}
	
	#col-gauche .b-recrut{ 
		background-image:url(../images/fond-bouton-recrut.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width:35px; 
		height:19px; 
		color:#828895;
		font-weight:bold;
		font-size:11px;
		border:0px;
		cursor:pointer;
		margin:-2px 0px 0px 0px;
	}
	
	#col-gauche .chantier-futur{margin:14px 0px 0px 3px;display:block;}



/* ********** col-droite ********** */
#col-droite{float:left;padding: 10px 0px 0px 0px; margin:0px;width:647px;_margin:0px 0px 0px -20px;}

#col-droite .bandeau{margin: 0px 0px 8px 0px; display:block;}
		
	#col-droite #catalogue-batiment, #col-droite #catalogue-energie{width:647px; height:132px;position:relative;margin: 0px 0px 8px 0px;}
	#col-droite #catalogue-batiment a {
		position:absolute;
		bottom:-3px; 
		right:5px; 
		z-index:500;
		color:#1C2C46; 
		text-transform:uppercase; 
		display:block; 
		width:133px; 
		height:20px;
		text-align:center;
		font-weight:bold;
		padding:6px 0px 0px 0px;
	}
	
	#col-droite #catalogue-energie a{
		position:absolute;
		bottom:-3px; 
		right:5px; 
		z-index:500;
		color:#1C2C46; 
		text-transform:uppercase; 
		display:block; 
		width:133px; 
		height:20px;
		text-align:center;
		font-weight:bold;
		padding:6px 0px 0px 0px;
	}
	
	
	
	#col-droite #catalogue-batiment h1{
		position:absolute;
		bottom:12px;  
		left:170px;
		z-index:500;
		color:#fff; 
		text-transform:uppercase;
		font-weight:bold;
		word-spacing:-1px;
		margin:0px; 
		padding:0px;
	}
		
	#col-droite #catalogue-batiment img{position:absolute; top:0px; left:0px; z-index:0; }
	
	#col-droite #catalogue-energie span{
		color: #FFFFFF;
		font-weight: bold;
		margin: 0;
		padding: 0;
		position: absolute;
		right: 8px;
		text-transform: uppercase;
		top: 12px;
		word-spacing: -2px;
		z-index: 500;
	}
	#col-droite #catalogue-energie h1{
		position:absolute;
		bottom:12px;  
		left:40px;
		z-index:500;
		color:#fff; 
		text-transform:uppercase;
		font-weight:bold;
		word-spacing:-1px;
		margin:0px; 
		padding:0px;
	}
	
	#col-droite #catalogue-energie img{position:absolute; top:0px; left:0px; z-index:0; }

	/* ********** col-droite : texte gauche ********** */
	#col-droite #texte-gauche{ width:309px;float:left; padding: 11px 0px 0px 0px;}
	
	#col-droite #texte-gauche h1{
		text-transform:uppercase;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		word-spacing:1px;
		font-size:14px;
		border-bottom:1px solid #C6CBD3;
		padding:0px 0px 5px 7px;
		width:304px;	
		margin:0px 0px 0px 0px;
		color:#1E2A44;
	}
	
	#col-droite #texte-gauche p.bodytext{color:#5F5F69;padding:0px 0px 7px 7px;width:304px;margin:0px 0px 20px 0px; line-height:1.3;}
	
	/* ********** col-droite : texte droite ********** */
	#col-droite #texte-droit{width:324px;float:left;margin: 0px 0px 0px 10px;padding:0px;}
	
	#col-droite #texte-droit .tx-lumophpinclude-pi1 #box-trouver-agence{height:165px; margin:0px; padding:0px; }
	
	#col-droite #texte-droit .tx-lumophpinclude-pi1 #trouver-agence{
		width:326px;
		height:169px; 
		background-image:url(../images/fond-agence.gif);
		background-position:top left;
		background-repeat:no-repeat;
		margin:0px 0px 0px -12px;
		padding:0px 0px 0px 0px;
		color:#5E656F;
		position:absolute;
		top:-4px; 
		left:12px;
	}
	
	#col-droite #texte-droit p.bodytext{color:#5F5F69;padding:0px 0px 7px 12px;width:300px;margin:0px 0px 20px 14px; line-height:1.3;}
	
	#col-droite #texte-droit p.bodytext a{color:#5F5F69; font-weight:bold;}
	
	#col-droite #texte-droit #trouver-agence #carte{float:right; }
	
	#col-droite #texte-droit #trouver-agence h1{
		text-transform:uppercase;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		word-spacing:1px;
		font-size:14px;
		border-bottom:1px solid #C6CBD3;
		width:288px;
		color:#1A2B4B;
		margin:0px 0px 0px 15px;
		padding:15px 0px 5px 6px;
	}
	#col-droite #texte-droit #trouver-agence img{float:left;margin: 6px 16px 0px 0px;}
	
	#col-droite #texte-droit #trouver-agence form{width:152px; float:left; margin: 10px 0px 10px 0px; height:57px; padding: 0px 0px 0px 20px;}
	#col-droite #texte-droit #trouver-agence form label{ margin: 0px 0px 10px 0px;display:block; padding:0px;}
	#col-droite #texte-droit #trouver-agence form select{width:153px;}
	
	#col-droite #texte-droit #trouver-agence #agences{
		background-image:url(../images/trait-cgl-agence.gif);
		background-repeat:no-repeat;
		background-position:top right;
		padding: 11px 3px 0px 20px; 
		width:150px; 
		height:27px; 
		display:block;
		margin: 0px;
		color:#5C5E6D;
		float:left;
	}
	#col-droite #texte-droit #trouver-agence #agences img{ float:right;margin:-3px 0px 0px -1px; vertical-align:center;}
	
	#col-droite #texte-droit h1{
		text-transform:uppercase;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		word-spacing:1px;
		font-size:14px;
		border-bottom:1px solid #C6CBD3;
		padding:0px 0px 5px 7px;
		width:300px;	
		margin:0px 0px 0px 12px;
		color:#1E2A44;
	}
	
		#col-droite #texte-droit h3{
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		border-top:1px solid #C6CBD3;
		padding:4px 0px 5px 9px;
		font-size:11px;
		width:298px;	
		margin:0px 0px 0px 12px;
		color:#5A606C;
	}
	
	
	#col-droite #texte-droit div{color:#5F5F69;padding:0px 0px 5px 0px;width:297px;margin:0px 0px 0px 7px;}
	
/* ********** bas ********** */
#bas{
	background-image:url(../images/fond-bas.gif); 
	background-position:top left; 
	background-repeat: repeat-x;
	background-color:#1B2B4C;
	color:#AFB6C9;
	width:967px;
	height:34px; 
	margin:13px 0px 0px 0px;
}
	#bas dl{padding: 9px 0px 0px 0px;}
	#bas dl dt{ display:block; float:left;/*background-color:#CCCCCC;*/ border-right:1px solid #FDE401; padding:0px 16px;}
	#bas dl dt a{color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase;}
	
	#bas #logo-novae{color:#AFB6C9; display:block;float:right; margin:0px 9px 0px 0px;padding: 9px 0px 0px 0px; font-size:9px; text-align:center;}
	#bas a#logo-novae:hover{ text-decoration:none;}
	
	#bas #logo-novae span{display:block;height:20px; width:100px; float:left; line-height:1;margin:-1px 0px 0px 0px;}
	#bas #logo-novae img{float:left;padding:2px 0px 0px 0px;}
	
/* page intérieur */
#col-texte {
	float:left;
	margin:0px;
	width:627px;
	_margin:0px 0px 0px -20px;
	padding: 10px;
	color:#5C6270;
}

#col-texte h1{
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	word-spacing:1px;
	font-size:12px;
	margin:0px 0px -2px 0px; 
	padding:0px;
	border-bottom:1px solid #C6CBD3;
	padding:10px 0px 5px 7px;
}

#col-texte h2{
	background-image: url(../images/newsletter-titre.gif);
	background-position:top left;
	background-repeat:repeat-x;
	height:21px; 
	margin: 0px 0px 0px 0px;
	padding:7px 0px 0px 10px;
	color:#fff;
	text-transform:uppercase;
}

#col-texte h3{
	background-image: url(../images/titre-h3.gif);
	background-position:top left;
	background-repeat:repeat-x;
	height:21px; 
	margin: 0px 0px -6px 0px;
	padding:5px 0px 0px 10px;
	color:#fff;
	text-transform:uppercase;
}

#col-texte h2 a{color:#fff;}
#col-texte h3 a{
	background-image: url(../images/puce-h3.gif); 
	background-position:center left;
	background-repeat:no-repeat;
	
	color:#fff; 
	display:block; 
	margin:0px 0px 0px 0px; 
	padding:0px 0px 0px 18px; 
}

#col-texte a{ text-decoration:none; /*color:#821D21;*/font-weight:bold;}
#col-texte p.bodytext{padding:0px 0px 0px 0px;}

#col-texte p.bodytext, a{color:#5C6270;}

.cat-news{text-align:right;}

/* typo */
.tx-lumophpinclude-pi1{padding:0px; margin:0px;position:relative;}
.csc-sitemap ul li{margin:4px 0px;}

.csc-menu-1 li{margin:4px 40px;}

.tx-ttnews-browsebox-SCell{ background-color:#fff;height:20px;display:block; margin:0px; }
.tx-ttnews-browsebox table{ height:20px;margin-top:-10px;}
.tx-ttnews-browsebox table td p{margin:0px; padding:2px 2px 6px 2px;}
/*.tx-ttnews-browsebox table td p a{border:1px solid red;display:block;margin:0px; padding:3px 0px; padding:0px;height:10px;}
*/.tx-ttnews-browsebox table td{margin:0px; padding:0px;}
	
/* Google Map */
#centre-map{width: 607px;height: 435px;}
#map {width: 607px;height: 435px;}
#directions {width: 617px;float:left;}


#formulaire{
	width:350px;
	height:150px;
	padding:3px;
	text-align:left;
	font: 12px verdana, helvetica, sans-serif;
	color: #369;
}

#formulaire h1 {
	font-weight: bold;
	font-size: 13px;
	color: #369;
	border-bottom: 1px solid #369;
	padding : 2px;
	margin : 0;
}

#formulaire a {
	font-weight: normal;
	font-size: 13px;
	color: #369;
	text-decoration: underline;
}

#formulaire form {
	margin:0;
	padding;0
}

#formulaire .exemple {font: 10px verdana, helvetica, sans-serif;}

#formulaire #submit  {
	border:1px outset #DDDDDD;
	font-weight:bold;
	cursor:pointer;
	width:300px;
	color: #369;
}

#saddr #daddr {
	width:300px;
	height:20px;
	border:1px solid grey;
}

/* catalogue produit */
#b_ajout_pdt{
	margin:4px 0px 0px -6px; 
	width:121px; 
	height:19px; 
	border:0px; 
	background-image:url(../images/b-ajout-panier.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
	color:#1A2B4B;
	cursor:pointer;
}

#b_ajout_pdt2{
	margin:4px 0px 0px -6px; 
	width:121px; 
	height:19px; 
	border:0px; 
	background-image:url(../images/b-ajout-panier.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
	color:#1A2B4B;
	cursor:pointer;
}

.fond-fiche{ background-color:#F4F5F9;}
.illus-pdt{padding: 7px 0px;}
.titre-demande{font-size:12px;padding:2px 0px 2px 4px; }

#tab-infos{ margin:4px 0px 0px 20px; width:596px;}
#tab-infos2{ margin:4px 0px 0px 0px; width:576px;}

#tab-infos td{font-size:10px;}
.tx-ttproducts-pi1-wrap1{font-size:11px;}
.tab-titre{ text-align:right; padding: 0px 14px 0px 0px;}
.tab-titre2{padding: 2px 0px 2px 0px;}
.tab-titre3{text-align:right; padding: 0px 14px 0px 0px; width:160px;}

.form-bouton-1, .form-bouton{
	background-image:url(../images/f-bouton.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
	width:140px;
	height:19px;
	border:0px;
	color:#1A2B4B;
	cursor:pointer;
}

.tx-indexedsearch-searchbox-button{	
	background-image:url(../images/fond-bouton-cherch.gif); 
	background-repeat:no-repeat; 
	background-position:top left;
	width:100px;
	height:17px;
	border:0px;
	color:#1A2B4B;
	cursor:pointer;
}

.form-bouton-1{margin-left:150px;}

#inscr-ok{width:280px;margin:0px 0px 0px 20px; padding: 2px 0px 10px 0px; }

#list-panier{margin: 0px 0px 10px 0px; width:630px; border-bottom:1px solid #DCE1EA; padding: 0px 0px 10px 0px;}

.list-pdt{background-color:#F4F5F9;border-bottom:1px solid #fff; padding:5px 0px 3px 0px;}
.list-pdt input{margin-top:0px;}

/* newsletter */


#haut-news{
	color:#1D2C4D;
	height:101px;
	margin:0px 10px 0px 0px;
	float:left;
	padding: 0px 0px 0px 12px; 
}

#haut-news h1{
	margin:0px;
	padding:0px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	word-spacing:1px;
}

#col-gauche-news {
	background-color:#fff;
	width:455px; 
	float:left; 
	padding:0px 10px 0px 10px;
	margin:10px 0px 0px 0px;	 
	border-right:1px solid #ccc;
}

#col-droite-news{float:left;padding: 0px 0px 0px 10px; margin:10px 0px 0px 0px;width:475px;}


#col-gauche-news h1, #col-droite-news h1{
	text-transform:uppercase;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	word-spacing:1px;
	font-size:12px;
	margin:0px 0px -5px 0px; 
	padding:0px;
	border-bottom:1px solid #C6CBD3;
	padding:10px 0px 5px 7px;
}

h4{
	background-image: url(../images/newsletter-titre.gif);
	background-position:top left;
	background-repeat:repeat-x;
	width:956px;
	height:21px; 
	margin: 0px 0px 0px 0px;
	padding:7px 0px 0px 10px;
	color:#fff;
	text-transform:uppercase;
}