html, body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; margin:0; }

a.important { padding-bottom:0; font-weight:bold; color:#580; text-decoration:none; border-bottom:1px dotted #580; font-style:italic; }
a.important:hover { color:#D01; border-bottom:0px dashed #D01; }

span.important { font-weight:bold; color:#580; text-decoration:none; font-style:italic;; }



#voile { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; z-index:5; filter:alpha(opacity=50); }

#galerie { display:none; position:absolute; top:181px; left:50%; width:100px; height:100px; background:#FFF; z-index:10; border:25px solid #FFF; border-top:15px solid #FFF; border-bottom:10px solid #FFF; }
	#galerieConteneur { display:none; }



#page { ; }

p.isprojexDescription { margin:0 0 20px 0;font-size:14px; color:#777; }


span.soustitrePage { margin-left:80px; font-size:14px; font-weight:normal; color:#7A4; position:relative; top:-3px; border-bottom:1px dotted #7A4; }
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* -----  PARTIE GERANT L'ENTETE DE PAGE  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */

#pageHeader { background:#FFF; }

	#banniereHeader { position:relative; height:181px; z-index:2; }
		#banniere { margin:0 auto; width:100%; height:181px; }

			p.pCentre {	text-align:center; }
			img.FPError { width:900px; height:181px; border:0; }


						#menuAccueil a { width:63px; }
						#menuActivites a { width:73px; }
						#menuDomaines a { width:143px; }
						#menuFiberjex a { width:73px; }
						#menuFiberiffic a { width:73px; }
						#menuQualifications a { width:103px; }
						#menuReferences a { width:83px; }
						#menuNews a { width:53px; }
						#menuContact a { width:113px; }
						#menuIsolat a { width:100px; }


			#boiteMenuHeader { position:relative; height:27px; background:#4D4D4D; overflow:hidden; z-index:2; }
				ul.menuHeader { margin:0 auto; padding:0; width:900px; list-style-type:none; }
					li.lienMenu, li.menuChoisi { float:left; }
					li.menuChoisi { background:#777; }
						ul.menuHeader a { display:block; height:20px; padding:5px 0; font-size:15px; color:#FFF; border-left:1px solid #4D4D4D; border-right:1px solid #4D4D4D; text-decoration:none; text-align:center; overflow:hidden; }
						ul.menuHeader a:hover { color:#000; background:#CCC; border-left:1px solid #444; border-right:1px solid #444; }
						#menuDomaines a { width:160px; }
						#menuQualifications a, #menuContact a { width:120px; }
						#menuContact a { width:120px; }
						#menuVide { width:80px; }
						#menuReferences a { width:90px; }
						#menuAccueil a, #menuActivites a, #menuFiberjex a { width:80px; }
						#menuNews a { width:60px; }
						#menuIsolat a { width:130px; }
						#menuFiberiffic a { width:80px; }

			span.espaceur { display:block; clear:both; height:0px; }

			#boiteLocalisationHeader { margin:0 auto; padding-top:5px; width:900px; text-indent:15px; font-size:14px; font-weight:bold; }



/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* -----  PARTIE GERANT LE PIED DE PAGE  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */

#pageFooter { border-top:3px solid #8CC63F; border-bottom:1px solid #000; background:url(../images/temp/bg_frontiere.png) 0 0 repeat-x #333; }

	#boiteMenuFooter { margin:0 auto; padding:10px 0 20px; width:900px; text-align:center; background:url(../images/temp/frontiere.png) 0 0 no-repeat #333; }
	*+html #boiteMenuFooter, *html #boiteMenuFooter { background:url(../images/temp/frontiere.png) 0 -2px no-repeat #333; }

	ul.menuFooter { margin:0 auto; padding:0; list-style-type:none; }
		li.lienFooter { color:#AAA; text-decoration:none; font-size:13px; display:inline; padding:0px 15px; }
		li.lienFooter a { color:#FFF; text-decoration:none; font-size:13px; }
		li.lineFooter a:hover { color:#8CC63E; text-decoration:underline; }




/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* -----  PARTIE GERANT LE CORPS DE PAGE  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */

#pageBody { margin:0 auto; padding-bottom:30px; width:900px; min-height:700px !important; }
*html #pageBody { height:700px !important; }
	#flashcontent { width: 100%; height: 100px; }
	.Style1 { color: #FFFFFF; }
	.Style2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

	#boiteIntro { margin:0; }
		h2.titreBoiteIntro { margin:10px 0 0 0; font-size:24px; }
		span.commentaireTitre { display:block; margin:0 0 5px 0; padding-bottom:5px; background:url(../images/temp/surlignement.png) bottom left no-repeat; font-size:14px; }
		#boiteCadreAnimation { height:150px; }

			a.boiteLienImage { float:left; margin:12px; border:0; }
				a.boiteLienImage img { border:0; }

			#boitePageAccueil { ; }
				h2.titrePage { margin:0; padding:15px 0; font-size:24px; background:url(../images/temp/tache.gif) 0 5px no-repeat; }
				#boiteFiberiffic, #boiteFiberjex { float:left; width:440px; border:2px solid #BD7; }
				#boiteFiberiffic { margin-right:10px; background:url(../images/temp/bg_fiberiffic.png) no-repeat 290px 6px; }
					div.bordureCadre { height:175px; overflow:hidden; border:8px solid #9C4; }
						h3.encadreNomBoite { float:left; margin:0; padding:6px 0; width:220px; background:#333; border-right:1px solid #CCC; border-bottom:1px solid #CCC; font-size:16px; text-align:center; color:#FFF; }


p.paragrapheFiberiffic { float:left; clear:left; margin:0; padding:10px 0 10px 15px; width:270px; height:90px; overflow:hidden; font-size:13px;

}

div.lignePlus { float:left; clear:left; padding:0px 0 3px 15px; width:270px; font-size:13px; color:#AAA; }

span.savoirPlus { position:relative; top:-2px; padding-right:5px; font-weight:bold; color:#000; }


a.lienPlus { padding:2px 50px; background:url(../images/temp/bt_click.gif) 0 0 no-repeat; }

*+html a.lienPlus, *html a.lienPlus { padding:0px 50px 2px; color:#333; }

span.cacheTexte { display:none; }







#boiteFiberjex { background:url(../images/temp/bg_fiberjex.png) no-repeat 7px 7px; }


#boiteFiberjex h3.encadreNomBoite { float:right; width:100px; border-right:0; border-left:1px solid #CCC; border-bottom:1px solid #CCC; }


p.paragrapheFiberjex { float:right; clear:right; margin:0; padding:10px 0 10px 15px; width:270px; height:90px; overflow:hidden; font-size:13px;

}

#boiteFiberjex div.lignePlus { float:right; clear:right; }








#boiteNews { float:left; margin-right:14px; padding:0 0 0 10px; width:430px; overflow:hidden; }

h3.nomBoite { margin:0 0 10px 0; padding:10px 0 5px 0; background:url(../images/temp/surlignement.png) bottom left no-repeat; font-size:21px; }

#TBnews { width:425px; height:190px; }

div.boiteInterneNews { height:200px; overflow:hidden; }

td.dateNews { font-weight:bold; font-size:13px; color:#9C4; }

td.titreNews { font-size:11px; }

td.boutonSuite { padding:3px 0 7px 0; }


a.suiteActu { padding:3px 10px; background:#333; border:1px solid #AAA; color:#FFF; font-size:12px; text-decoration:none; }

a.suiteActu:hover { background:#777; color:#FFF; text-decoration:none; }

div.boiteBoutonPlus { margin:15px 0; padding-right:5px; text-align:right; }


a.boutonNews { color:#000; border:0px; }

img.boutonPlus { border:0px solid #000; }





#boiteConfiance { float:left; padding:0 0 0 10px; width:430px; }


div.boiteInterneConfiance { height:200px; overflow:hidden; }

#TBreferences { height:190px; }

td.nomReference { padding:3px 35px 3px 0; font-size:10px; font-weight:bold; }
td.nomReference2 { padding:3px 0 3px 0; font-size:10px; font-weight:bold; }

span.complement { font-weight:normal; color:#777; }






#listeArticleNews { display:none; position:absolute; top:700px; left:50%; margin-left:-325px; border:25px solid #FFF; border-top:5px solid #FFF; border-bottom:25px solid #FFF; width:600px; background:#FFF; z-index:10; }

div.articleNews { display:none; height:230px; margin-top:20px; overflow:auto; }

#news1 { display:none; }

#voile { display:none; height:100%; }




/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* PAGE DOMAINES  ----------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */


#boiteDomaines { float:left; width:300px; overflow:hidden; }


#boiteConteneurDomaines { float:left; margin-top:120px; padding-top:5px; width:590px; }


*html #boiteConteneurDomaines { width:570px; overflow:hidden; }

#isoprojexImage { position:absolute; top:107px; left:50%; margin-left:-100px; z-index:1; }



h4.titreDomaineActif { margin:15px 20px 15px 0; padding:3px 0 3px 5px; background:url(../images/temp/menu_ouvert.png) 255px center no-repeat  #DEA; border:1px solid #AB7; color:#784; font-size:13px; }


h4.titreDomaineInactif { margin:10px 20px 10px 0; padding-top:10px; background:url(../images/temp/menu_ferme.png) 260px 9px no-repeat  #FFF; border-top:2px dotted #777; color:#AAA; font-size:13px; }

a.lienDomaine { color:#777; text-decoration:none; }

a.lienDomaine:hover { color:#AAA; }


a.rubriqueActive { display:block; margin-top:3px; margin-right:20px; padding:0px 0 0px 5px; background:#DEA; border:1px solid #AB7; font-size:12px; text-decoration:none; color:#784; font-weight:bold; }


a.rubriqueInactive { display:block; margin-top:3px; margin-right:20px; padding:0px 0 0px 5px; background:#FFF; border:1px solid #FFF; font-size:12px; text-decoration:none; color:#777; font-weight:bold; }

a.rubriqueInactive:hover, a.rubriqueActive:hover { background:#FF9; color:#777; border:1px dotted #AB7; }



div.EncartDiaporama { text-align:right; margin-bottom:10px; }



div.blocRubrique { display:none; position:relative; top:-20px; margin-left:20px; }
#blocRubrique1 { display:block; }

h2.titreRubrique { margin:0 0 0 10px; font-size:17px; color:#555; }

div.introRubrique { margin:0 0 5px 10px; font-size:12px; color:#777; }


h3.toggler { margin:0; padding:6px 0 6px 12px; width:569px; background:url(../images/temp/menu_unselect.png) 0 0 no-repeat; font-size:14px; }

div.element { margin:5px 0; padding:0 0 0 10px; font-size:12px; color:#777; }

/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* PAGE ACTIVITES  ----------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */

	#boiteActivites { float:left; width:300px; overflow:hidden; }
		h4.listeActivite { margin:0; font-size:13px; width:280px; }
		h4.listeActivite a { display:block; padding:3px 0 2px 0; border:1px solid #FFF; color:#777; text-indent:5px; text-decoration:none; }
		h4.listeActivite a:hover { background:#FFC; border:1px solid #F7F7C5; color:#AAA; }

	#boiteConteneurArticleActivites { float:left; padding-top:5px; width:560px; overflow:hidden; }
		div.boiteArticleActivites { display:none; padding-top:5px; width:570px; overflow:hidden; }
		#article1 { display:block; }
		div.boiteArticleActivites h3.nomBoite { background:#FFF; }
		img.surlignementSuite { position:relative; left:5px; }
		div.contenuArticle p { margin:5px 0; font-size:13px; color:#777; }
		div.contenuArticle ul { margin-top:5px;list-style-type:square; color:#333; }
		div.contenuArticle a { color:#9C4; text-decoration:none; border-bottom:1px dotted #9C4; }
		div.contenuArticle a:hover { color:#D01; border-bottom:1px dotted #D01; }





/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* PAGE FIBERIFFIC  ----------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */

#boiteFiberifficIntro { float:left; width:195px; overflow:hidden; font-size:14px; }

#titreFiberiffic { background:#FFF; }


#boiteFiberifficPage { float:left; padding-top:10px; width:700px; overflow:hidden; font-size:14px; }


#cadreFiberjexInfo { margin-left:20px
}



div.fiberiffic_video { float:right; margin:0 0 10px 10px; width:400px; height:300px; border:1px solid #000; }


/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* PAGE FIBERJEX  ----------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */





#boiteFiberjexPage { float:left; width:300px; overflow:hidden; font-size:14px; }


a.encartFiberffic { position:relative; display:block; width:142px; height:102px; background:url(../images/temp/encart_fiberiffic.png) 0 0 no-repeat; border:1px solid #E2F1CF; border:1px solid #EFC; opacity:0.8; }

a.encartFiberffic:hover { opacity:1; border:1px solid #DEB; }

span.texteCache { display:none; }





#boiteFiberjexArticle { float:left; padding-top:5px; width:560px; overflow:hidden; }

#boiteFiberjexArticle h3 { background:#FFF; }


div.encart_galerie { float:right; margin:0 0 20px 20px; }


#articleFiberjex { font-size:13px !important; }

#introFiberjexArticle { margin:25px 0; font-size:13px !important; }


img.galerie_image { cursor:pointer; }




/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* PAGE QUALIFICATONS  ----------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */

	#boiteQualification { float:left; width:200px; }
		img.logo_qualif { width:150px; padding:20px 0; }

	#cadreCertification { float:left; width:670px; overflow:hidden; }
		div.boiteCertification { clear:left; margin:20px 10px; }
		img.imageMiniCertification { float:left; margin:0 15px 5px 0; width:150px; border:1px solid #AAA; cursor:pointer; }
		div.boiteCertification h3.nomBoite { background:url(../images/temp/surlignement.png) 170px bottom no-repeat !important; }
		p.texteCertificat { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#777; }




	#ecran { display:none; position:absolute; margin-left:-50px; padding:10px 20px; top:182px; left:50%; background:#F2F2F2; z-index:10; border:1px solid #666; }
		#afficheurEcran { width:100px; height:100px; }
		#fermetureEcran { display:none; text-align:right; margin-bottom:5px; }
		#ecran h3.nomBoite { background:#F2F2F2; }

		span.titreFermer { position:relative; top:-5px; font-size:14px; }

		img.imageEcran { border:1px solid #AAA; }
		img.caseFermer { border:0; }
		#descriptionEcran { display:none; }
		#conteneurEcran { display:none; }




/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* PAGE REFERENCES  ----------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */


		div.boiteReferenceFlash { margin-left:100px; }
			#boiteCadreReference h3 { background:#FFF; }

				p.texteDescriptionReference { padding:0 0 0px 0px; font-size:13px; color:#777; }
				ul.listeDomaineCompetence { list-style-type:square; margin-top:0px; padding-top:0; color:#333; font-size:13px; }

			#listeReferences { width:900px; }
				a.projetRealise { display:block; color:#777; font-size:11px; }
					span.etablissement { color:#333; font-weight:bold; }
				
				p.texteAvantageReference { padding:10px 0 20px 0; font-size:13px; color:#333; }
					span.commentaireReference { display:block; padding:0 115px 5px 0; font-size:13px; color:#444; text-align:right; }



/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* PAGE NEWS  ----------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */


/*
div.listeActualite { float:left; width:600px; }

*/

	span.commentaireNews { font-size:16px; padding-bottom:30px; color:#333; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
	div.zoneRecherche { float:right; font-size:14px; color:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
		input { font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

	div.boiteActualite { padding:30px 0; background:url(../images/temp/surlignement2.png) bottom center no-repeat; }
		span.dateActualite { padding:0; color:#9C4; font-weight:bold; font-size:16px; }
		span.titreActualite { padding:0 0 0 15px; color:#9C4; font-weight:bold; font-size:16px; }

		div.contenuActualite { margin:10px 0 0 0; font-size:13px; color:#333; }
			div.contenuActualite p { margin:10px 0 0 0px; color:#777; }

	#contenuNews { border:1px solid #DDD; background:#EEE; padding:10px; height:300px; overflow:auto; }
		div.articleNews2 { margin:5px 0 10px 0; padding:10px 0 30px; background:url(../images/temp/surlignement2.png) bottom center no-repeat #EEE; }
		#listeArticleNews2 { display:none; position:absolute; top:200px; left:50%; margin-left:-325px; border:25px solid #FFF; border-top:5px solid #FFF; border-bottom:25px solid #FFF; width:600px; background:#FFF; z-index:10; }




/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* PAGE CONTACT  ----------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */

	#boitePlan { float:left; width:250px; }
		#boitePlan h2 { margin:0px; }

		div.lienPlan { padding-right:20px; text-align:right; }
			a.zoomPlan { color:#000; font-weight:bold; text-decoration:none; }
			a.zoomPlan:hover { color:#333; }
				a.zoomPlan img { position:relative; top:15px; border:0; }
				img.miniCarte { margin-top:10px; width:220px; border:1px solid #AAA; cursor:pointer; }

		#boiteContact { float:left; padding-top:10px; width:640px; }
			#titreCoordonnees {	background:#FFF; }
			div.cadreCoordonnees { margin-left:20px; }
				span.nomSociete { display:block; font-size:18px; font-weight:bold; }
				span.siegeSocial { display:block; font-size:14px; }
				span.adresseSociete, span.villeSociete, span.telSociete, span.faxSociete { display:block; font-size:14px; }
				span.siegeSocial, span.telSociete { margin-top:10px; }
				span.faxSociete { margin-bottom:20px; }

			#titreMessage { background:#FFF; } 
				td.asterisk { padding:10px 0 10px 20px; font-size:14px; }
				td.libelle { padding:5px 0 5px 20px; width:120px; font-size:13px; }
				td.champs { width:220px; }
					input.champs, textarea.champs { padding:3px 0; width:210px; font-size:13px; background:#EEE; border:1px solid #AAA; }
				td.colTextarea { width:270px; font-size:12px; }
				td.textarea { padding-top:10px; width:270px; font-size:12px; }
				td.boutonEnvoi { padding-right:25px; vertical-align:bottom; text-align:right; }
					span.asterisk { color:#D01; }
					input.boutonEnvoi { position:relative; top:10px;  }
					input.boutonEnvoi:hover { left:10px;  }
					textarea.texte { padding:3px 0; width:260px; font-size:12px; background:#EEE; border:1px solid #AAA; height:175px; }
					span.titreGalerie { display:block; padding-bottom:10px; font-size:20px; text-transform:uppercase; }

				#galerieBas { margin-top:20px; text-align:right; }

					a.lienTelechargerPDF { margin-right:5px; padding:5px 10px; font-size:16px; color:#777; border:1px solid #777; text-decoration:none; }
					a.lienTelechargerPDF:hover { background:#AAA; color:#333; border:1px solid #333; }
					a.imageTelechargerImage { color:#FFF; text-decoration:none; color:#FFF; }
					img.symbolePDF { position:relative; top:9px; border:0; }
					
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* PAGE ISOLAT   ----------------------------------------------------------  */
/* --------------------------------------------------------------------------  */
/* --------------------------------------------------------------------------  */

		.ifcp1 { display:block; margin:30px 0 20px 90px; width:380px; }
		.ifcp2 { display:block; margin:0px 0 20px 70px; width:430px; }

		.ifap1 { display:block; margin:0px 0 20px 00px; width:560px; }
		.ifap2 { display:block; margin:0px 0 20px 00px; width:280px; }
		.ifap3 { display:block; margin:0px 0 20px 70px; width:420px; }
		.ifap4 { display:block; margin:0px 0 20px 90px; width:380px; }