/* ------- GENERALITES APPLICABLES A TOUT LE SITE ------- */
body {
	margin: 0px;
	padding: 0px;
	background-color:  #000000;
	border: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D3B88F;
}
a {
	color: #D3B88F;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}

#nav2 {
	position: absolute;
	top: 2px;
	left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #C16D11;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C16D11;
	padding-top: 3px;
}

/* CENTRAGE DU SITE */
#global {
	position:absolute;
	left: 50%;
	top: 50%;
	width: 950px;
	height: 608px;
	margin-top: -304px; /* moitié de la hauteur */
	margin-left: -475px; /* moitié de la largeur */
	background-color:  #000000;
}
/* ------- BLOC MENU HAUT ET SOUS-MENUS -------- */
#hbarre {
	position: absolute;
	top: 22px;
	left: 145px;
	width: 800px;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
#menu {
	position : absolute;
	left: 140px;
	top: 2px;
	height: 30px;
	margin: 0px;
	padding: 0px;
}
dt, dl, dd, ul, li {
	list-style-type: none;
	margin: 0 15px;
	padding: 0px;
}
#menu dl {
	float: left;
	font-size: 11px;
	font-weight: bold;
}
#menu li {
	display: inline;
}
#menu a {
	text-decoration: none;
	color: #D3B88F;
	background: #000000;
	text-align: center;
}
#menu a:hover {
	color: #EDE3C5;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 {
	text-decoration: none;
	position: absolute;
	top: 26px;
	left: 0px;
	width: 810px;
	font-size: 10px;
}
/* ------- BLOC CENTRAL ------- */
#centre {
	position: absolute;
	top: 50px;
	width: 950px;
	height: 553px;
	background-color:  #000000;
	overflow: auto;
}
#titre {
	position:absolute;
	left: 350px;
	width: 250px;
	height: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
}
.lettrine {
	float: left;
	font-family: Times New Roman, Times, serif;
	font-size: 35px;
	font-weight: bold;
	color: #DECC96;
	text-decoration: none;
	margin: 0px 4px 0px 0px;
	padding: 0px 5px 0px 0px;
	filter: Lumière;
	background-image: url(../images/fondlettr.jpg);
	line-height: 35px;
}
.lettrine2 {
	float: left;
	font-family: Times New Roman, Times, serif;
	font-size: 29px;
	font-weight: bold;
	color: #DECC96;
	text-decoration: none;
	margin: 0px 4px 0px 0px;
	padding: 0px 5px 0px 0px;
	filter: Lumière;
	background-image: url(../images/fondlettr3.jpg);
	line-height: 29px;
}
.lettrined {
	float: left;
	font-family: Times New Roman, Times, serif;
	font-size: 35px;
	font-weight: bold;
	color: #DECC96;
	text-decoration: none;
	margin: 0px 4px 0px 0px;
	padding: 0px 5px 0px 0px;
	filter: Lumière;
	background-image: url(../images/fondlettr.jpg);
	line-height: 35px;
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D3B88F;
	text-align: center;
}
p:first-letter {
	font-family: Times New Roman, Times, serif;
	font-size: 30px;
	font-weight: bold;
}
/* ------- PAGE ACCUEIL ------- */
.anim{
	display: block;
	position: absolute;
	top: 10px;
	left: 75px;
}
#imagefond{
	position: absolute;
	top: 75px;
}
.concept {
/*	position: absolute;
	bottom: 0px;
	left: 50%;
	width: 600px;
	margin: 0px 0px 0px -300px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;*/ 
	font-size: 9px;
	font-style: italic;
	color: #D3B88F;
/*	text-align: center;*/
}
.sitoptim {
	position: absolute;
	top: 485px;
	left: 50%;
	width: 540px;
	margin: 0px 0px 0px -270px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	color: #D3B88F;
	text-align: center;
}
.sitoptim2 {
	font-style: italic;
	color: #C16D11;
/*	text-decoration: underline;
	border: 1px dashed #AD8343;*/
}

/* ------- PAGE L'ESPRIT ------- */
#blocgauche {
	position: absolute;
	top: 100px;
	left: 40px;
	width: 190px;
	height: 400px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF9933;
}
#bloccentre {
	position: absolute;
	top: 70px;
	left: 260px;
	width: 435px;
	height: 483px;
	text-align: justify;
}
#blocdroit {
	position: absolute;
	top: 100px;
	right: 40px;
	width: 190px;
	height: 400px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #DBBFB9;
}
.signat {
	text-align: right;
}
/* ------- PAGE ASSEMBLAGES ------- */
.survol {
	font-style: italic;
	text-align: center;	
}
#commentaire {
	position: absolute;
	top: 70px;
	width: 278px;
	margin-left: 29px;
	z-index: 1;
}
#commentairec {
	position: absolute;
	top: 70px;
	width: 278px;
	margin-left: 336px;
}
#commentaired {
	position: absolute;
	display: block;
	top: 70px;
	width: 278px;
	margin-left: 643px;
}
#commentaire a {
	float: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #000000;
}
#commentairec a {
	float: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #000000;
}
#commentaired a {
	float: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #000000;
}
#commentaire a:hover {
	background: none;
}
#commentairec a:hover {
	background: none;
}
#commentaired a:hover {
	background: none;
}
#commentaire a span {
	display: none;
}
#commentairec a span {
	display: none;
}
#commentaired a span {
	display: none;
}
#commentaire a:hover span {
	display: block;
	position: absolute;
	top: 120px;
	left: 307px;
	width: 258px;
/*	height: 310px;*/
	text-align: center;
/*	color: #FF9999;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D3B88F;
	font-weight: normal;
	padding: 10px;
	background-color: #000000;
}
#commentairec a:hover span {
	display: inline;
	position: absolute;
	top: 120px;
	left: 0px;
	width: 258px;
/*	height: 310px;*/
	text-align: center;
/*	color: #FF9999;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D3B88F;
	font-weight: normal;
	padding: 10px;
	background-color: #000000;
}
#commentaired a:hover span {
	display: block;
	position: absolute;
	top: 120px;
	left: -307px;
	width: 258px;
/*	height: 310px;*/
	text-align: center;
/*	color: #FF9999;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #D3B88F;
	font-weight: normal;
	padding: 10px;
	background-color: #000000;
}
.justif {
	text-align: justify;
}
/* ------- PAGE STYLES ------- */
#miniatstyle {
	position: absolute;
	top: 50px;
	width: 420px;
	margin-left: 30px;
	z-index: 1;
}
#miniatstyled {
	position: absolute;
	top: 50px;
	width: 420px;
	margin-left: 530px;
}
#miniatstyle a {
	float: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #000000;
}
#miniatstyled a {
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: #000000;
}
#miniatstyle a:hover {
	background: none;
}
#miniatstyled a:hover {
	background: none;
}
#miniatstyle a span {
	display: none;
}
#miniatstyled a span {
	display: none;
}
#miniatstyle a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 500px;
	width: 420px;
	height: 433px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #000000;
}
#miniatstyled a:hover span {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 420px;
	height: 433px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	background-color: #000000;
	z-index: 2;
}

/* ------- PAGE OUTILS ------- */
#blocgaucheoutil {
	position: absolute;
	top: 50px;
	left: 40px;
	width: 400px;
	height: 483px;
	text-align: justify;
}
#blocdroitoutil {
	position: absolute;
	top: 50px;
	right: 40px;
	width: 400px;
	height: 483px;
	text-align: justify;
}
.outil {
	float: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
.outil2 {
	float: left;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

/* ------- PAGE PROJET ------- */
#blocprojet {
	position: absolute;
	top: 50px;
	left: 75px;
	width: 800px;
	height: 483px;
	text-align: justify;
}

/* ------- PAGE BALCONS ------- */
.blocmenupage {
	position : absolute;
	top: 50px;
	right: 0px;
	with: 20px;
}
a.fasc{
	display: block;
	width: 370px;
	height: 28px;
	background-image: url(../images/boutfasc.gif);
	background-repeat: no-repeat;
	text-align: center;
	background-position: center;
}
a.fasc2{
	display: block;
	width: 370px;
	height: 40px;
	text-align: center;
	background-position: center;
	border: none;
	background-image: url(../images/arfascicule.gif);
	background-repeat: no-repeat;
}
a.fasc:hover {
/*	display: block;
	width: 145px;
	z-index: 5;
	background-repeat: no-repeat;
	background-position: center;
	height: 28px;*/
	background-image: url(../images/boutfascsurv.gif);
}
a.page1 {
	display: block;
	width: 20px;
	height: 100px;
	background-image: url(../images/page1.gif);
	background-repeat: no-repeat;
}
a.page1:hover {
     background-image: url(../images/page1surv.gif);
}
a.page2 {
     display: block;
     width: 20px;
     height: 100px;
     background-image: url(../images/page2.gif);
     background-repeat: no-repeat;
}
a.page2:hover {
     background-image: url(../images/page2surv.gif);
}
a.page3 {
     display: block;
     width: 20px;
     height: 100px;
     background-image: url(../images/page3.gif);
     background-repeat: no-repeat;
}
a.page3:hover {
     background-image: url(../images/page3surv.gif);
}
a.page4 {
     display: block;
     width: 20px;
     height: 100px;
     background-image: url(../images/page4.gif);
     background-repeat: no-repeat;
}
a.page4:hover {
     background-image: url(../images/page4surv.gif);
}
a.pageb1 {
	display: block;
	width: 20px;
	height: 77px;
	background-image: url(../images/pageb1.gif);
	background-repeat: no-repeat;
}
a.pageb1:hover {
     background-image: url(../images/pageb1surv.gif);
}
a.pageb2 {
     display: block;
     width: 20px;
     height: 77px;
     background-image: url(../images/pageb2.gif);
     background-repeat: no-repeat;
}
a.pageb2:hover {
     background-image: url(../images/pageb2surv.gif);
}
a.pageb3 {
     display: block;
     width: 20px;
     height: 77px;
     background-image: url(../images/pageb3.gif);
     background-repeat: no-repeat;
}
a.pageb3:hover {
     background-image: url(../images/pageb3surv.gif);
}
a.pageb4 {
     display: block;
     width: 20px;
     height: 77px;
     background-image: url(../images/pageb4.gif);
     background-repeat: no-repeat;
}
a.pageb4:hover {
     background-image: url(../images/pageb4surv.gif);
}
a.pageb5 {
     display: block;
     width: 20px;
     height: 77px;
     background-image: url(../images/pageb5.gif);
     background-repeat: no-repeat;
}
a.pageb5:hover {
     background-image: url(../images/pageb5surv.gif);
}
a.pageb6 {
     display: block;
     width: 20px;
     height: 77px;
     background-image: url(../images/pageb6.gif);
     background-repeat: no-repeat;
}
a.pageb6:hover {
     background-image: url(../images/pageb6surv.gif);
}
#blocgauchebalcon {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 400px;
	height: 443px;
	text-align: justify;
	border: 0px;
}
#blocdroitbalcon {
	position: absolute;
	top: 50px;
	right: 20px;
	width: 370px;
	height: 443px;
	text-align: justify;
	border-top: 1px outset #D3B88F;
	border-right: 1px outset #D3B88F;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
#zoom {
	text-align: center;
}
#zoom a {
	margin: 3px;
	padding: 0px;
	border: 0px;
	text-decoration: none;
}
#zoom a:hover {
	background: none;
	border: 0px;
}
#zoom a span {
	display: none;
}
#zoom a:hover span {
	display: block;
	position: absolute;
	top: 40px;
	left: -510px;
	width: 405px;
	height: 450px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	z-index: 2;
	font-weight: normal;
	background-color: #000000;
}
.centrer {
	text-align: center;
}
/* ------- PAGE CONTACT ------- */
#blocgauchephoto {
	position: absolute;
	top: 40px;
	left: 40px;
	width: 360px;
	text-align: center;
}
.contact {
	text-align: justify;
}
#deptcontact {
	position: absolute;
	top: 305px;
	left: 440px;
	width: 250px;
	height: 179px;
	text-align: center;
}
#entrep {
	position:absolute;
	left: 550px;
	top: 30px;
	width: 399px;
	height: 280px;
	background: url(../images/entreprisext.jpg) no-repeat left top;
}
#entrep a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/situplan.jpg) no-repeat left top;
}
#entrep a:hover {
	background: transparent none;
}
#entrepeng {
	position:absolute;
	left: 550px;
	top: 30px;
	width: 399px;
	height: 280px;
	background: url(../images/entreprisext.jpg) no-repeat left top;
}
#entrepeng a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/situplaneng.jpg) no-repeat left top;
}
#entrepeng a:hover {
	background: transparent none;
}
.txtlien {
	position: absolute;
	top:500px;
	right: 10px;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	font-style: italic;
}
.mforge {
	position: absolute;
	top:380px;
	left: 690px;
	width: 250px;
	text-align: center;
	text-decoration: none;
	font-style: italic;
}

/* ------- BLOC BAS DE PAGE ------- */
#bas {
	position: absolute;
	top: 593px;
	width: 950px;
	height: 20px;
	background-color: #000000;
}
#bbarre {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 950px;
	height: 1px;
	margin: 0px;
	padding: 0px;
}
#eprot a {
	position: absolute;
	top: 8px;
	left: 30px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #D3B88F;
	font-weight: bold;
	text-decoration: none;
}
#jpy {
	position: absolute;
	top: 8px;
	right: 30px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #D3B88F;
	font-weight: bold;
	text-decoration: none;
}
.hmaj {
	position: absolute;
	top: 8px;
	left: 470px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 9px;
	color: #D3B88F;
}
#fascicule {
	position:absolute;
	left: 150px;
	width: 200px;
	height: 100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	text-align: left;
}