/*-- Positions gérérale -- */
body {
background-image: url(../images/_trame-body.gif); 
background-repeat:repeat-x; 
background-color:#00355f; 
font-family:verdana, Arial, Helvetica, sans-serif; 
color:#000000; 
font-size:11px; 
margin:0; 
padding:0;
}

#header {
width:1008px; height:129px; text-align:center; margin:0 auto;
}
#conteneur {
margin:0 auto;
padding:0;
text-align:center;
}

#contenu { 
width:960px;
height:auto;
background-image: url(../images/background-conteneur-page.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
display:block;
margin:0 auto; 
padding:0; 
text-align:left;
}

#footer { clear:both; height:0px;}

/*-- position à gauche --*/

#gauche {
background-image:url(../images/imgh1.gif);
background-repeat:no-repeat;
width:650px;
float:left;
padding:30px;
}
#gauchesav {
background-image: url(../images/groupesav.jpg); background-repeat:no-repeat;
width:750px;
float:left;
}

		/*-- Position à l'intérieur de la partie de gauche --*/
		.colun {
		float:left;
		width:400px;
		padding:0 15px 0 0;
		}
		.colun p { font-weight:bolder; color: #669933;
		}
		
		.coldeux {
		margin-top:5px;
		padding:15px;
		float:left;
		width:205px;

		}
		.coldeux h2 { color: #003366; margin:0 0 10px 0; font-size:10px; letter-spacing:0; font-family:Verdana, Arial, Helvetica, sans-serif;

		}

/*-- Position à doite --*/
#droite {
padding:0; margin:0;
background-image:url(../images/tramemenu.gif); background-repeat:repeat-y;
height:auto;
width:209px;
float:right;
overflow:hidden;
}



/*-- Le menu et ses petits --*/
#menuaccordion {
margin:0;
padding:45px 0 0 0;
background-image: url(../images/home-partmenu.jpg);
background-repeat:no-repeat;
width:209px;
height:540px;
font-size:11px;
text-transform:uppercase;
}
#menuaccordion ul {
display:block;
margin:0 0 25px 0;
padding:0 0 0 12px;
}
#menuaccordion ul li {
list-style-type:none;
padding: 2px;
margin:0;

}
#menuaccordion img {
display:block; border:0;
}

.classique:hover {
background-image: url(../images/fleche-li-hover.gif);
background-repeat:no-repeat;
text-decoration:none;
color: #FFFFFF;
}
.classique {
display:block;
text-indent:15px;
background-image: url(../images/fleche-li.gif);
background-repeat:no-repeat; 
text-decoration:none;
color: #FFFFFF;
}
.eclairement {background-image:url(../images/verysmalleclairement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FFFFFF; text-decoration:none;}
.eclairement:hover {background-image:url(../images/verysmalleclairement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FF6600; text-decoration:none;}
.desenfumage {background-image:url(../images/verysmalldesenfumage.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FFFFFF; text-decoration:none;}
.desenfumage:hover {background-image:url(../images/verysmalldesenfumage.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color: #79CDFF; text-decoration:none;}
.aeration {background-image:url(../images/verysmallrenouvellement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FFFFFF; text-decoration:none;}
.aeration:hover {background-image:url(../images/verysmallrenouvellement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color: #A4CC00; text-decoration:none;}
.acces {background-image:url(../images/verysmallaccees.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FFFFFF; text-decoration:none;}
.acces:hover {background-image:url(../images/verysmallaccees.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color: #FFCC00; text-decoration:none;}
.asservissement {background-image:url(../images/verysmallasservissement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color:#FFFFFF; text-decoration:none;}
.asservissement:hover {background-image:url(../images/verysmallasservissement.gif); display:block; width:300px; height:25px; background-repeat:no-repeat; padding:4px; text-indent:30px; color: #CC0000; text-decoration:none;}

.apetitmenu { padding:5px 0 5px 0; display:block;}
.apetitmenu:hover { padding:5px 0 5px 0; display:block;}
/*-- la soupe classique du HTML --*/
h1 {font-size:20px; font-weight: bold; text-transform:uppercase; letter-spacing:1px; padding:10px 0 10px 100px; color:#003366; border-bottom:1px solid #c3cde0; font-family:Arial, Helvetica, sans-serif;}
.titreserviceclient{font-size:20px; font-weight: bold; text-transform:uppercase; letter-spacing:1px; padding:3px 0 10px 100px; color:#003366; font-family:Arial, Helvetica, sans-serif;}
h2 {font-size:15px; font-weight: bold; text-transform:uppercase; letter-spacing:1px; color:#CC0000; font-family:Arial, Helvetica, sans-serif; padding:15px 0 0 0;}
h3 { margin: 0 0 10px 0; padding:0;cursor:pointer; font-size:12px; color:#003366;} 
h4 {font-size:16px; text-transform:uppercase; letter-spacing:1px; color:#CC0000; font-family:Arial, Helvetica, sans-serif; padding:15px 0 0 0; margin:0;}

p {margin:0 0 5px 0; padding:0; }
a { margin:0; padding:0; color:#333333;}
a:hover { margin:0; padding:0; color: #003366;}
img { border:0; }

/*-- Les spans et autres personnalisations --*/
.chapo { font-weight:bold;}
.couleureclairement {color:#FF9900;}
.italique { font-style:italic;}
.italiquegras { font-style:italic; font-weight:bolder;}
.gras { font-weight:bold;}
.titre { font-size:10px; color: #FFFFFF; padding:5px; letter-spacing:1px; font-weight:bold; text-transform:uppercase; background-color:#003366; }
.separation { border-top: 1px solid #D0E3EE; height:1px; display:block; width:auto; clear:both;}
.bouton { border:0; padding:10px 0;}
.expo { font-size:75%; vertical-align:text-top; margin-left: 5px;}
.small { font-size:90%;}
.print { background-image:url(../images/picto_print.gif); background-repeat: no-repeat; padding:5px 0 5px 40px; display:block; height:34px; margin:5px;}
.print:hover { background-image:url(../images/picto_print.gif); background-repeat: no-repeat; padding:5px 0 5px 40px; display:block; height:34px; margin:5px;}
.arrow { background-image: url(../images/arrow.gif); padding:0 0 0 15px; display:block; background-repeat:no-repeat;}
.cadre { border:1px solid #003366; padding:5px; margin-top:5px; border-top:3px solid #003366;}
.titrefonction { font-size:11px; text-transform:uppercase; background-image: url(../images/arrow.gif); padding:0 0 0 15px; display:block; background-repeat:no-repeat; color: #FF6600; font-weight:bold;}
	.light { font-weight:lighter;}
.telephone { background-image:url(../images/tel.gif); background-repeat:no-repeat; padding:0 0 0 18px; font-weight:bold; color:#669900;}
.cadre p { color:#000000; font-weight:lighter;}
.retrait { padding:10px 0 10px 30px; display:block;}
.rouge { color:red;}
.lettrine { float: left; font-size:350%; color: #003366; margin: 0; padding:0 5px 0 0; line-height: 0.8em;}
.nomserviceclient { padding:0 0 0 16px; font-weight:lighter;}
.encadre { padding:5px; border:#003366 2px solid;}
.imgaligndroite { float:right; padding: 10px 0 10px 10px; display:block;}
.imgaligndroite:hover { float:right; padding: 10px 0 10px 10px; display:block;}
.histophoto { background-color:#333333; padding:5px;}
.histophotodef { background-color:#333333; padding:5px; width:470px;}
#listoldpub {float:right; background-color:#003366; width:110px; height:auto; padding:5px; margin:10px 0 10px 10px; text-align:center;}
#listoldpub a { display:block; width:100px; margin:5px 0 0 0; border:1px solid #FFFFFF; padding:0;}
#listoldpub a:hover { display:block; width:100px;margin:5px 0 0 0; border:1px solid #FF9900; padding:0;}
.txtblanc { color:#FFFFFF;}
.cap { text-transform:uppercase;}

/* SLIMBOX */
#lbOverlay { position: absolute; left: 0; width: 100%; background-color: #000000; cursor: pointer; }
#lbCenter, #lbBottomContainer { position: absolute; left: 50%; overflow: hidden; background-color: #FFFFFF; }
.lbLoading { background: #FFFFFF; background-image:url(../fr/images/get.gif); background-repeat:no-repeat; background-position:center;}
#lbImage { border: 3px solid #FFFFFF; }
#lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; }
#lbPrevLink { left: 0; }
#lbPrevLink:hover { background: transparent url(prevlabel.gif) no-repeat 0% 15%; }
#lbNextLink { right: 0; }
#lbNextLink:hover {	background: transparent url(nextlabel.gif) no-repeat 100% 15%; }
#lbBottom { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 3px solid  #FFFFFF; border-top-style: none; }
#lbCloseLink {display: block; float: right; width: 149px; height: 22px; background-image:url(../fr/images/close.gif); background-position:center; background-repeat:no-repeat; margin: 5px 0; }
#lbCaption, #lbNumber { margin-right: 71px; }
#lbCaption { font-weight: bold; }

/* Les formulaires

.hforme { font-size:11px; color: #990000; font-weight:bold; letter-spacing:5px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}
.encadreforme { padding:5px 0 5px 30px; border-top:1px solid #333333; margin:20px 0 20px 0; background-image:url(../images/background-forme.gif); background-repeat:repeat-x;}
.txtforme { font-weight:bold; font-size:10px; color: #003366;}
 */
#selection { margin: 20px 0; padding: 0; }
.tdforme{ float: left; margin: 0 5px 0 0; background-image:url(../images/background-forme.gif); background-repeat:repeat-x; height: 125px; width: 150px; border: 0; font-weight: bold; font-size: 10px; color: #fff;}
.tdformedef{ float: left; margin: 0 5px 0 0; background-image:url(../images/background-formedef.gif); background-repeat:repeat-x; height: 125px; width: 150px; border: 0; font-weight: bold; font-size: 10px; color: #fff;}
.hforme { font-size: 14px; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; color :white; padding-left: 20px; display: block; background: url(../images/demipyramide.gif) top left no-repeat;}
#selecsubmit { float: left; width: 612px; text-align: center; margin: 20px 0; } 
.txtforme {}*

/* formulaire de contact */

.contactgauche {width:128px; padding:10px; background-color: #003366; font-size:14px; font-weight:lighter; border-right:2px #FFFFFF solid; vertical-align: top; background-image:url(../images/angle.gif); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
.contactdroite {width:480px; padding:10px; background-color: #CCCCCC; font-size:11px; vertical-align:text-top; background-image:url(../images/angle-bottom.gif); background-repeat:no-repeat; background-position:bottom right;}
.coordonnesgauche { width:120px; text-align:right; padding-right:5px; vertical-align:top;}
.coordonnesgauche p { padding-top:4px;}
.coordonneszoubida { width:30px; text-align:right; padding-right:5px;}
.inputtext { border:#003366 1px solid; margin:2px; background-color:#FFFFFF;}
.listtext { border:#003366 1px solid; margin:2px; background-color:#FFFFFF; width:150px;}

/*  La page index produits  */
.eclairementdef { background-image:url(../images/g-picto-eclairement.gif); background-repeat:no-repeat; background-position:left top; padding:0 0 0 150px; margin:0;}
.desenfumagedef { background-image: url(../images/g-picto-desenfumage.gif); background-repeat:no-repeat; background-position:left top; padding:0 0 0 150px; margin:0;}
.aerationdef { background-image: url(../images/g-picto-aeration.gif); background-repeat:no-repeat; background-position:left top; padding:0 0 0 150px; margin:0;}
.accesdef { background-image: url(../images/g-picto-acces.gif); background-repeat:no-repeat; background-position:left top; padding:0 0 0 150px; margin:0;}
.asservissementdef { background-image: url(../images/g-picto-asservissement.gif); background-repeat:no-repeat; background-position:left top; padding:0 0 0 150px; margin:0;}

/*  recherche produits résultat  */
#rappelselection { border:1px solid #003366; width:400px; float:left;}
#contenurappelselection {padding:15px;}
.refproduit { font-size:20px; color: #FF6600; letter-spacing:1px; font-weight:bold; text-transform:uppercase; border-top:1px solid #003366; padding:10px 0 10px 0;}
.imgrefproduit {padding:5px;}
#rappeltelephone { background-image:url(../fr/images/telephone.gif); background-repeat:no-repeat; display:block; width:235px; height:133px; float:right;}
#rappeltelephonegb { background-image:url(../gb/images/telephonegb.gif); background-repeat:no-repeat; display:block; width:235px; height:118px; float:right;}
#resultgauche { float:left; width:450px;}
#resultdroite { float:right; width:180px; text-align:right;}
.resultcontenu {height:auto; display:block; float:left; width:auto; padding:10px 0 10px 0;}



/*  documentation  */
.encadredocu { width:400px; border-top:1px solid #003366; border-right:2px solid #003366;  border-bottom:2px solid #003366;  border-left:2px solid #003366; margin:0 0 15px 0;}
.encadredocugb { width:350px; border-top:1px solid #003366; border-right:2px solid #003366;  border-bottom:2px solid #003366;  border-left:2px solid #003366; margin:0 0 15px 0;}
.accordiondocu ul { padding:0 0 0 30px; list-style-type:square; display:block; margin:3px;}
.encadredocu p { padding:0 0 0 30px; display:block; margin:3px;}
.accordiondocu ul li {padding:2px;}
.encadredocu h2 { border-top:1px solid #003366; padding:5px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; }
.encadredocu h3 { border-top:1px dotted #E0EEF1; padding:0px; margin:0; display:block; }
.accordiondocu {}
.accordiondocu h3 { padding:0 0 5px 15px; background-image:url(../images/fleche-li-hover.gif); background-repeat:no-repeat; background-position: top left;}
.complement { float:right; width:230px;}
.soustitre { margin:2px; color:#003366; font-weight:bold; padding:0; font-size:10px;}

/*  Actualité  */
#espacenews { float:left; width:350px; padding-right:10px; margin-left:10px;}
#espacenews p {}
#espacenews  h2 { color:#003366; font-size:20px; letter-spacing:1px; margin:0;}
#espacenews  img { float:right;}
.publie { color:#FF6600; font-weight:bold; font-style:italic;}
#menuarchivenews { float:left; width:200px; border-left:1px solid #006699; margin:10px; padding:10px; background-color:#F2F2F2;}
#menuarchivenews h1 { margin:0; font-size:10px; text-indent:0; padding:0; border:0}
#menuarchivenews h3 { margin:0; font-size:14px; text-indent:0; padding:5px;}
#menuarchivenews ul { margin:0; padding:2px;}
#menuarchivenews li { list-style-type:square; list-style-position: outside; font-size:12px; color:#006699;}

/*  reglementation  */
.titrecol { font-size:9px; color:#FFFFFF; font-weight:bold;}
.tdreglementation { padding:2px; vertical-align:text-top;}
.headcell { background-color:#003366; border-right:1px solid #FFFFFF;}
.taillelongue { width:90px;}
.taillecourte { width:60px;}
.smalltexte { font-size:10px; font-family:Arial, Helvetica, sans-serif;}

/*  RH  */

.lientabrh {padding:5px 2px 2px 20px; background-image: url(../fr/images/border-recrut.gif); background-repeat:no-repeat; display:block; width:590px; height:27px; text-decoration:none; margin:5px;}
.lientabrh:hover {padding:5px 2px 2px 20px; background-image:url(../fr/images/border-recrut-hover.gif); background-repeat:no-repeat; display:block; width:590px; height:27px; text-decoration:none; margin:5px;}

/*  références  */
.divref { display:block; width:200px; text-align:center; height:100px; float:left; padding:5px; margin:2px;}
.divref p { display:none; }


/*   skydome info   */

.divparution { float:left; padding:5px; border:1px solid #CCCCCC; margin:5px; text-align:center; width:100px;}

/*   Réalisation  */
.boutonreal {border:1px solid #003366; display:block; height:15px; padding:5px; width:300px; text-decoration:none; margin:2px; font-size:10px; }
.boutonreal:hover {border:1px solid #003366; background-color:#003366; color:#FFFFFF; display:block; height:15px; padding:5px; width:300px; text-decoration:none; margin:2px; font-size:10px; }
.galeriereal { border:3px solid #000000; display:block; width:100px; height:100px; float:left; margin:5px;}


/*   Les implantations  */
.conteneuretape { background-image:url(../images/fleche-site-prod.gif); background-repeat:no-repeat; padding:0 0 0 30px; float:left; margin:2px 0;}
.conteneurimage { float:left; width:90px; height:55px;}
.conteneurtexte {}
.conteneurtexte .arrow { font-size:10px; font-weight:bold; margin:0 0 0 5px;}
.accordionimplantation ul { margin:0; padding:0;}

/*   widget gif calcul  */
#gifCalcul{
	border    : none;
	background: url("../img/loading.gif") no-repeat top left;
}