
html, body {
	font-family:Optima, Trebuchet MS;
	margin:0;
}






#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 {
}

/* -----  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:900;
	height:181;
	border:0;
}



#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; }
#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 {
	height: 100px;
	width: 100%;
}
/* end hide */

.Style1 { color: #FFFFFF; }
.Style2 { font-family: 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 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 QUALIFICATONS  ----------------------------------------------------------  */





#boiteQualification {
	float:left;
	width:200px;
}


img.logo_qualif {
	width:150px;
	padding:20px 0;
}


div.boiteCertification {
	float:left;
	padding-top:5px;
	width:350px;
}

img.imageMiniCertification {
	margin:0 auto;
	width:320px;
	border:1px solid #AAA;
	cursor:pointer;
}


#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 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;
}






/* 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 REFERENCES  ----------------------------------------------------------  */



#boiteCadreReference {
	;
}

div.boiteReferenceFlash {
	margin-left:100px;
}

div.tempReference {
	margin-top:20px;
	height:530px;
	background:url(../images/temp/boite_ref_image.jpg) 0 0 no-repeat;
}

#boiteCadreReference h3 {
	background:#FFF;
}


a.projetRealise {
	display:block;
	color:#777;
	font-size:11px;
}

#listeReferences {
	width:900px;
	;
}







/* PAGE NEWS  ----------------------------------------------------------  */


/*
div.listeActualite {
	float:left;
	width:600px;
}

*/

span.commentaireNews {
	font-size:16px;
	padding-bottom:30px;
}

div.zoneRecherche {
	float:right;
	font-size:14px;
}

input { font-size:12px; font-family:Monaco; }


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:#777;
	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 0;
	color:#000;
}


#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;
}


























