body {
	background-color:rgb(255,255,255);
	margin:0px;
	padding:0px;
	color:black;
	text-align:center;
}

h1, h2, a, img, p, pre
{
	position:absolute;
	border:0px;
	margin:0px;
	padding:0px;
}

div
{
	overflow:hidden;
}

#container1
{
	width:800px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#container2
{
	margin:30px 0px 150px 7px;
	width:786px;
	background-color:white;
	text-align:left;
	display:none;
}

#javaMessage
{
	margin-left:7px;
	width:786px;
	/*height:859px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
}


/* ---------------------------- accueil ----------------------------- */

#marginTop /* a cause d'un bug avec IE7 */
{
	width:786px;
	height:60px;
}

#logoContainer
{
	position:absolute;
	width:786px;
	height:350px;
}

#logoAgence
{
	width:786px;
	height:151px;
}

#logoAgenceImg
{
	width:786px;
	height:199px;
}

#snowArea1
{
	width:786px;
	height:350px;
}

#snowArea2
{
	position:absolute;
	width:786px;
	height:350px;
}


#menuContainer
{
	width:786px;
	height:239px;
	background-color:white;
	background-image:url(images/accueil/titre_formes.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.menu1
{
	height:26px;
	margin:4px 0px 17px 230px; 
}

.menu1 div
{
	float:left;
	height:26px;
	margin-right:8px;
}

.menu1 a
{
	color:white;
}

.menu2
{
	clear:both;
	width:786px;
	height:120px;
}

.menu2 a
{
	color:white;
}

.menu2Item
{
	width:786px;
	height:28px;
	margin-bottom:12px;
}

.menu2ItemScroll
{
	position:absolute;
	width:353px;
	height:28px;
}

.menu2ItemTitle
{
	position:absolute;
	margin-left:353px;
	width:433px;
	height:28px;
}

.menuPro
{
	margin-left:300px;
	width:486px;
	height:34px;
}

.menuPro a
{
	color:white;
}

.adresse
{
	clear:both;
	background-color:white;
	padding-left:45px;
	width:786px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.mentions_legales
{
	clear:both;
	background-color:white;
	padding-left:115px;
	width:786px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
}

.degrade_vert_bas
{
	width:786px;
	height:142px;
	background-image:url(images/accueil/degrade_vert_bas.gif);
	background-repeat:repeat-x;
}

.adresse div
{
	float:left;
}

.point1
{
	float:left;
	width:13px;
	height:13px;
	background-image:url(images/accueil/point1.gif);
	background-repeat:no-repeat;
	margin:1px 6px 0px 6px;
}

#transitionImg
{
	position:absolute;
	opacity:1.0;
}

/* ---------------------------- menu visite ----------------------------- */

.menuVisiteTop
{
	width:786px;
	height:80px;
	border-top:2px solid white;
}

.menuVisite1
{
	width:786px;
	height:26px;
	margin-top:4px;
}

.menuVisiteItem1
{
	float:left;
	height:26px;
	position:relative;
	margin-right:13px;
}

.menuVisite2
{
	width:786px;
	height:21px;
}

.menuVisiteItem2
{
	height:21px;
	position:absolute;
}

/* ---------------------------- police ----------------------------- */

.font1
{
	color:rgb(160,160,160);
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}

.font2
{
	color:rgb(50,50,50);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

.font3
{
	color:rgb(160,160,160);
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
}

.font4
{
	color:rgb(30,30,30);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
}

.font4_no_deco
{
	color:rgb(30,30,30);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-decoration:none;
}

.font5
{
	color:rgb(30,30,30);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.font6
{
	color:rgb(160,160,160);
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

.fontErr
{
	color:rgb(200,0,0);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.font7
{
	color:rgb(30,30,30);
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
}

.font8
{
	color:rgb(100,100,100);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.fontOK
{
	color:rgb(20,100,20);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

.fleches {}

.fleches div
{
	background-image:url(images/fleche.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	margin-bottom:9px;
}

.fleches2 {}

.fleches2 div
{
	background-image:url(images/fleche.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	margin-bottom:9px;
	width:350px;
	height:16px;
}

.fleches3 {}

.fleches3 div
{
	background-image:url(images/fleche.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	margin-bottom:9px;
	width:350px;
	height:32px;
}

.fleches a
{
	text-decoration:none;
}

.flechesB {}

.flechesB div
{
	background-image:url(images/logements/flecheB.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	margin-bottom:9px;
}

.flechesV {}

.flechesV div
{
	background-image:url(images/erp/flecheV.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	margin-bottom:9px;
}

.flechesR {}

.flechesR div
{
	background-image:url(images/industTert/flecheR.gif);
	background-repeat:no-repeat;
	background-position:left top;
	padding-left:20px;
	margin-bottom:9px;
}

.controlEtirement div
{
	margin-bottom:-1px;
}

/* ---------------------------- page agence ----------------------------- */

.agenceContent
{
	width:786px;
	height:560px;
	background-color:white;
	background-image:url(images/carres.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.agenceScroll
{
	width:786px;
	height:112px;
	margin-top:30px;
}

.agenceScrollContent
{
	position:absolute;
	width:786px;
	height:112px;
}

.agenceTitle
{
	width:600px;
	height:59px;
	margin:10px 10px 0px 112px;
	color:white;
}

.presentationL
{
	position:absolute;
	width:367px;
	height:350px;
	margin-left:113px;
	overflow:visible;
}

.presentationLTitle
{
	width:367px;
	height:32px;
	margin:17px 0px 15px 0px;
	color:white;
}

.presentationR1
{
	position:absolute;
	width:306px;
	height:286px;
	color:rgb(135,135,135);
	background-color:rgb(135,135,135);
	margin-left:480px;
}

.presentationR2
{
	position:absolute;
	width:306px;
	height:310px;
	color:rgb(189,189,189);
	background-color:rgb(189,189,189);
	margin-left:480px;
}

.presentationRTitle
{
	width:306px;
	height:32px;
	margin:17px 0px 15px 0px;
}

.presentContent
{
	margin-left:13px;
}

.presentContent2
{
	margin-left:13px;
	width:280px;
}

/* ---------------------------- page competences ----------------------------- */

.content
{
	width:786px;
	height:530px;
	background-color:white;
}

.competencesContent
{
	width:786px;
	height:530px;
	background-color:white;
	background-image:url(images/carres.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.competencesScrollAndTitle
{
	width:786px;
	height:120px;
	margin-top:30px;
	overflow:visible;
}

.competencesScroll
{
	position:absolute;
	width:480px;
	height:120px;
}

.competencesTitle
{
	position:absolute;
	width:306px;
	height:120px;
	background-color:white;
	margin-left:481px;
	overflow:visible;
}

.competencesTitle div, p
{
	position:absolute;
	margin-left:11px;
}

.competencesTitleImg
{
	width:288px;
	height:45px;
	margin-top:83px;
}

/* ---------------------------- page engagement environnemental ----------------------------- */

.refContent
{
	width:786px;
	height:560px;
	background-color:white;
	background-image:url(images/carres.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.refScroll
{
	width:898px;
	height:112px;
	margin-top:30px;
}

.refScrollContent
{
	position:absolute;
	width:786;
	height:112px;
}

.engEnvirTitle
{
	width:650px;
	height:46px;
	margin:10px 0px 0px 112px;
}

.Description
{
	display:none;
}

.Description strong
{
	margin-left:8px;
}

.Description img
{
	position:relative;
	margin:10px 10px 5px 0px;
	border:1px solid white;
}


/* -------------------- pages logements, ERP, Ind. et Tert. --------------------- */

.logementContent, .erpContent, .indTertContent, .engEnvirContent
{
	width:786px;
	background-color:white;
}

.logementContent
{
	height:625px;
}

.erpContent
{
	height:518px;
}

.indTertContent
{
	height:518px;
}

.engEnvirContent
{
	height:545px;
}

.presentationConstrTitle
{
	width:786px;
	height:37px;
	margin-top:30px;
}

.logementBlocG, .erpBlocG, .IndTertBlocG
{
	position:absolute;
	width:408px;
	overflow:visible;
}

.logementBlocG
{
	height:367px;
	background-color:rgb(173,186,217);
}

.erpBlocG
{
	height:260px;
	background-color:rgb(175,221,189);
}

.IndTertBlocG
{
	height:260px;
	background-color:rgb(249,168,113);
}

.engEnvirBlocG
{
	position:absolute;
	width:680px;
	height:245px;
	overflow:visible;
	background-color:rgb(185,217,139);
}

.logementBlocG div, .erpBlocG div, .IndTertBlocG div, .engEnvirBlocG div
{
	margin:24px 0px 0px 30px;
}

.constrFontBold1
{
	color:rgb(12,54,150);
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

.logementBlocFiches, .erpBlocFiches, .indTertBlocFiches
{
	position:absolute;
	width:378px;
	background-color:white;
	margin-left:408px;
}

.logementBlocFiches
{
	height:367px;
}

.erpBlocFiches
{
	height:260px;
}

.indTertBlocFiches
{
	height:260px;
}

.logementBlocFicheBG
{
	position:absolute;
	background-color:rgb(64,96,171);
}

.erpBlocFicheBG
{
	position:absolute;
	background-color:rgb(45,152,74);
}

.indTertBlocFicheBG
{
	position:absolute;
	background-color:rgb(243,117,33);
}

.colorTitle
{
	width:786px;
	height:46px;
	margin-top:31px;
	color:white;
}

.scrollBar
{
	width:786px;
	height:85px;
}

.scrollBarContent  /* overflow:hidden works only in absolute mode in FireFox*/
{
	position:absolute;
	width:786px;
	height:85px;
}

.scrollBar2
{
	width:786px;
	height:79px;
}

.scrollBar2Content
{
	position:absolute;
	width:786px;
	height:79px;
}

.supportFicheLogement
{
	position:absolute;
	background-color:rgb(213,219,235);
}

.supportFicheErp
{
	position:absolute;
	background-color:rgb(197,229,207);
}

.supportFicheIndTert
{
	position:absolute;
	background-color:rgb(252,220,198);
}

.supportFicheLogement a, .supportFicheErp a, .supportFicheIndTert a
{
	position:relative;
}

/* ---------------------- professionnels ----------------------- */

#loginDiv
{
	display:block;
}

#recoverPswDiv
{
	display:none;
}

.proMin
{
	width:1px;
	height:335px;
	float:left;
}

.proContent1
{
	width:786px;
	background-color:white;
	background-image:url(images/carres.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	float:left;
}

.proContent2
{
	width:780px;
}

.proLogin
{
	width:280px;
	height:155px;
	margin:30px 0px 0px 50px;
	background-color:rgb(189,189,189);
}

.proRegistr
{
	width:545px;
	height:190px;
	margin:0px 0px 30px 120px;
	background-color:rgb(189,189,189);
}

.proRegistrCompleted
{
	width:545px;
	height:190px;
	margin:45px 0px 100px 120px;
	background-color:rgb(189,189,189);
}

.proRegistrError
{
	width:545px;
	height:40px;
	margin-left:120px;
}

.proRegistrPart
{
	width:220px;
	float:left;
}

.formLine
{
	clear:both;
	width:220px;
	height:25px;
	margin-bottom:5px;
}

.formLine2
{
	clear:both;
	width:350px;
	height:25px;
	margin-bottom:5px;
}

.formText
{
	float:left;
	width:100px;
	height:20px;
	margin-top:2px;
}

.formInput
{
	float:left;
	width:120px;
	height:20px;
	background-color:white;
}

.formInput2
{
	height:20px;
	background-color:white;
}

.formButton
{
	width:80px;
	height:25px;
}

.proAccountInfo
{
	width:500px;
	height:205px;
	margin:30px 0px 100px 120px;
	background-color:rgb(189,189,189);
}

.proAccountError
{
	width:545px;
	height:40px;
	margin:0px 0px 55px 120px;
}

.infoLine
{
	clear:both;
	width:450px;
	height:25px;
}

.infoText
{
	float:left;
	width:100px;
	height:20px;
}

.infoText2
{
	float:left;
	width:350px;
	height:20px;
}

.proAdmin
{
	width:545px;
	height:190px;
	margin:6px 0px 115px 120px;
	background-color:rgb(189,189,189);
}

.proAdmin a
{
	position:relative;
}

.extContainer
{
 	width:545px;
	margin:0px 0px 30px 120px;
	background-color:rgb(189,189,189);
}

.extItem
{
	width:500px;
}

.extItemSpace
{
	width:500px;
	height:10px;
}

.extItem a
{
	position:relative;
}

.marginDiv
{
	margin:20px 20px 20px 22px;
}

.marginDiv a
{
	position:relative;
}

.proTitle
{
	width:545px;
	margin:-4px 0px 3px 120px;
}

.proTitleInscr
{
	height:25px;
	margin:20px 0px 0px 120px;
}

.dateInput
{
	width:80px;
	height:20px;
	background-color:white;
}

.affairInput
{
	width:200px;
	height:20px;
	background-color:white;
}

.docInput
{
	width:200px;
	height:20px;
	background-color:white;
}

.posInput
{
	width:30px;
	height:20px;
	background-color:white;
}

.proMenu
{
	width:780px;
	height:20px;
	margin:4px 0px 0px 0px;
}

.proMenu div
{
	position:absolute;
	width:75px;
	height:20px;
}

.deconnexion {margin-left:703px;}

.previous {margin-left:3px;}


/* ---------------------- test ----------------------- */

#containerFicheOuverte
{
	width:100%;
	display:none;
	text-align:left;
}

#containerFicheOuverte2 /* pour fixer un bug de centrage dans IE 8*/
{
	position:absolute;
	float:left;
	width:100%;
	text-align:center;
	background-color:transparent;
}

#supportFicheOuverte
{
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#gifChargementFiche
{
	position:absolute;
	background-color:white;
	background-image:url(images/loading_animation.gif);
	background-position:center center;
	background-repeat:no-repeat;
}

#supportFicheAnim
{
	position:absolute;
	display:none;
	float:left;
	text-align:left;
}

#ficheAnimMasque
{
	position:absolute;
	width:100%;
	height:100%;
	background-color:white;
	opacity:0;
	filter:(alpha=0);
}

#fermetureFiche
{
	margin:10px 0px 0px 962px;
}