/* CSS Document */

html,body {
	behavior:url(csshover.htc);
	height: 100%;
	width: 100%;
	background-color:#FCF8F7;
	margin: 0px;
	padding: 0px;
	scrollbar-DarkShadow-Color:#474747;
	scrollbar-3dLight-Color:#474747;
	scrollbar-Arrow-Color:#EA52B6;
	scrollbar-Base-Color:#EA52B6;
	scrollbar-Face-Color:#474747;
	scrollbar-Highlight-Color:#474747;
	scrollbar-Shadow-Color:#474747;
	scrollbar-Track-Color:#EA52B6;
	overflow:auto;

}
.tableau {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	vertical-align: top;

	overflow:auto;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FE00D0;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #474747;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FE00D0;
}
a.retour { background-image: url('images/retour.png'); display: block; width: 76px } 
a.retour:hover { background-image: url('images/retour_over.png') } 
a.retour:hover img { visibility: hidden }
a.retour img { visibility: hidden }
a.mention{
	color:#FE00D0;
	font-size:10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a.mention:hover {
	color:#FCF8F7;
	font-size:10px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
a.ref{
	color:#fcf8f7;
	background-color:#FF33FF;
	font-size:12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
a.ref:hover {
	color:#474747;
	background-color:#FF33FF;
	font-size:12px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}
a.ret{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #474747;
	text-decoration: none;
}
a.ret:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FE00D0;
	text-decoration: none;
}

.tableau {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	position: absolute;
	vertical-align: top;
}
.lot1 {
	position:absolute;
	left:auto;
	top:auto;
	width:300px;
	height:220px;
	z-index:2;
	right: 300px;
	bottom: 200px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	visibility: visible;
}
.lot1_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #474747;
	margin-left: 5px;
	margin-right:5px;
}
.nb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #474747;
	margin-left: 5px;
	margin-right:5px;
}
.troyes_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #474747;

}
.mauchauffee_txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #474747;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom:5px;
	padding-left: 3px;

}
.style6 {color: #FE00D0; font-size: 9px; }

.titre1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight: bold;
	color: #474747;
}
.titre2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #474747;
}
.titre3 {color: #474747; font-family: Arial, Helvetica, sans-serif; font-size: 18px;}
.encadre{
	width: 260px;
	margin: 5px;
}
/* images */

#loft2{
	position: absolute;
	z-index: 1;
	width: 602px;
	float: right;
	height: 579px;
	visibility: visible;
	margin-right: -250px;
	margin-left: -302px;
	margin-top: -579px;
	margin-bottom: -500px;
}

#loft1{
	position: absolute;
	z-index: 1;
	width: 504px;
	float: right;
	height: 672px;
	visibility: visible;
	margin-right: -250px;
	margin-left: -204px;
	margin-top: -672px;
	margin-bottom: -500px;
}
#loft3{
	position: absolute;
	z-index: 1;
	width: 602px;
	float: right;
	height: 710px;
	visibility: visible;
	margin-right: -250px;
	margin-left: -302px;
	margin-top: -710px;
	margin-bottom: -500px;
}
#loft4{
	position: absolute;
	z-index: 1;
	width: 602px;
	float: right;
	height: 566px;
	visibility: visible;
	margin-right: -250px;
	margin-left: -302px;
	margin-top: -566px;
	margin-bottom: -500px;
}
#loft5{
	position: absolute;
	z-index: 1;
	width: 602px;
	float: right;
	height: 570px;
	visibility: visible;
	margin-right: -250px;
	margin-left: -302px;
	margin-top: -570px;
	margin-bottom: -500px;
}
#loft6{
	position: absolute;
	z-index: 1;
	width: 602px;
	float: right;
	height: 501px;
	visibility: visible;
	margin-right: -250px;
	margin-left: -302px;
	margin-top: -501px;
	margin-bottom: -500px;
}
#loft7{
	position: absolute;
	z-index: 1;
	width: 531px;
	float: right;
	height: 674px;
	visibility: visible;
	margin-right: -250px;
	margin-left: -231px;
	margin-top: -674px;
	margin-bottom: -500px;
}
#loft8{
	position: absolute;
	z-index: 1;
	width: 602px;
	float: right;
	height: 710px;
	visibility: visible;
	margin-right: -250px;
	margin-left: -302px;
	margin-top: -710px;
	margin-bottom: -500px;

}
#mauchauffe{
	position: absolute;
	z-index: 1;
	width: 600px;
	float: right;
	height: 423px;
	margin-right: -250px;
	margin-top: -423px;
	margin-bottom: -500px;
	visibility: visible;
}
#begand{
	position: absolute;
	z-index: 1;
	width: 600px;
	float: right;
	height: 343px;
	margin-right: -250px;
	margin-left: 0px;
	margin-top: -348px;
	margin-bottom: -500px;
	visibility: visible;
}
#manufactures{
	position: absolute;
	z-index: 1;
	width: 600px;
	float: right;
	height: 549px;
	margin-right: -250px;
	margin-left: 0px;
	margin-top: -549px;
	margin-bottom: -500px;
	visibility: hidden;
}
#troyes{
	position: absolute;
	z-index: 1;
	width: 238px;
	float: right;
	height: 337px;
	margin-right: -250px;
	margin-left: 0px;
	margin-top: -340px;
	margin-bottom: -500px;
	visibility: visible;
}
#references{
	position: absolute;
	z-index: 1;
	width: 300px;
	float: right;
	height: 539px;
	margin-right: -250px;
	margin-left: 0px;
	margin-top: -539px;
	margin-bottom: -500px;
	visibility: visible;
	background-color: #474747;
}
#sommaire{
	position: absolute;
	z-index: 1;
	width: 238px;
	float: right;
	height: 435px;
	margin-right: -250px;
	margin-left: 0px;
	margin-top: -436px;
	margin-bottom: -500px;
	visibility: visible;
}
#calendrier{
	position: absolute;
	z-index: 1;
	width: 600px;
	float: right;
	height: 378px;
	margin-right: -250px;
	margin-left: 0px;
	margin-top: -378px;
	margin-bottom: -500px;
	visibility: hidden;
}
#programme{
	position: absolute;
	z-index: 1;
	width: 598px;
	float: right;
	height: 257px;
	margin-right: -260px;
	margin-left: 0px;
	margin-top: -257px;
	margin-bottom: -500px;
	visibility: visible;
}
#projet{
	position: absolute;
	z-index: 1;
	width: 600px;
	float: right;
	height: 220px;
	margin-right: -200px;
	margin-top: 36px;
	visibility: visible;
}
#gauche{
	position:relative;
	height: 344px;
	width: 200px;

	bottom:0;
	float:right;
}
#menu_mention{
	position:absolute;
	height: 20px;
	width: 300px;
	bottom:0px;
	margin-bottom:0px;
	margin-left:-110px;
	text-align:right;
	
}
#nb{
	position:absolute;
	height: 10px;
	width: 400px;
	bottom:5px;
	margin-bottom:0px;
	margin-left:10px;
	text-align:left;
	
}
#design{
	position:absolute;
	height: 10px;
	width: 140px;
	bottom:-145px;
	margin-bottom:150px;
	margin-left:-20px;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	z-index:300;
}
#logo_menu{
	position:relative;
	height: 103px;
	width: 300px;
	float:right;
	margin-left:-50px;
	margin-right:-50px;


}
#menu {
	width: 238px;
	margin-right: -10px;
	margin-left:-90px;
	margin-top:100px;

} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
bottom:100px;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
	display: block;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#menu ul ul ul li a{

	width:145px;
	text-align:left;
	font-weight: normal;
	margin-left:10px;
}
#menu ul ul li a{

	width:150px;
	text-align:right;
	font-weight: bold;
}
#menu ul ul li {

	width:150px;
	text-align:right;
	font-weight: bold;
}
#menu ul li {

	width:160px;
	text-align:right;
	font-weight: bold;
	
}


#menu a {
color: #FE00D0;
text-decoration: none;

}

#menu a:hover {
color: #fcf8f7;

}

#menu li {
	/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
	position: absolute;
	top: 0;
	left: 100%; /* to position them to the right of their containing block */
	width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}