/*
Web site layout
*/

html { font-size:100%; }
body {font-size: 1em;}
html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-family: "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}
html>body #wrap {height:100%;} 
#wrap {
	width:61em;
	margin:0 auto;
	background-color:#FFFFFF;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
}
#header {
	width:61em;
	height: 9em;			/* HEADER HEIGHT */
	background-color:#FFFFFF;
}
html>body #header {
	position:fixed;
	z-index:10;
}
.col1et3{
	background-color:#FFFFFF;
	width:2em;	
}
html>body #content-wrap {
	height:100%;
	background-color:#0F0005;
} 
html>body #content {
	padding-top:9em;		/* HEADER HEIGHT + 1 */
	padding-bottom: 2em;
	padding-left:2em;
	padding-right:2em;
} 
html>body #content a{
	color: #E0D981;
}
html>body #content a:hover{
	color:#fff;
}

#footer {
	width:61em;
	background-color:#FFFFFF;
	height:1.5em;
}
html>body #footer {
	position:fixed;
	bottom:0;
	z-index:10;
}
html,
body {
	color:#333;
	background-color:#333333;
}

/*
General link color & behavior 
*/

a{ color: #8E150C; }
a:hover{ text-decoration: none; }

img { border:0; }

/*
menu definition
*/

.menu {
	float:left;
	margin-left: 1.3em;
}
.menu a {
	text-decoration:none;
	color:#990000; 
}
.menu a div {
	text-align:center;
}
.menu a div div { font-size: 0.6em;}
.menu a:hover span.fin { color:#F69546; }
.menu a:hover { backgroung-color: #FFFFFF;}  /* fire events hover for IE6 */


.menu div.arbre div { margin-top: 3.5em; }
.menu div.arbre { margin-left: 0.7em; }
.menu div.arbre img {
	width: 2.4375em;
	height: 4.6875em;
	margin-top: 0.2em;
}

.menu div.arbre2 div { margin-top: 2.5em;}
.menu div.arbre2 { margin-left: 0.7em; }
.menu div.arbre2 img {
	width: 1.625em;
	height: 3.125em;
	margin-top: 0.4em;
}

.menu div.pierre div {	margin-top: 1.4em;}
.menu div.pierre {margin-left: 1.8em;}
.menu div.pierre img {
	width: 6.0625em;
	height: 5.75em;
	margin-top: 0.4em;
}

.menu div.justice div { margin-top: 6.3em;}
.menu div.justice { margin-left: 0.7em;}
.menu div.justice img {
	width: 3.125em;
	height: 2.75em;
	margin-top: 0.4em;
}


/*
Logo 
*/

.logo {
	border-bottom-width: 0.13em;
	border-bottom-style: solid;
	border-bottom-color: #8E150C;
	margin-top: 2.8em;
	color: #8E150C;
	float:right;
	width: 24em;
}
.logo div#nom {
	font-size:2.5em;
}
.logo div#titre {
	font-size:1em;
	margin-bottom: 0.4em;
	margin-top: 0.2em;
}
.logo div#titre  span{
	font-size:0.75em;
	margin-left: 10em;
}
.logo div#titre  span a{
	text-decoration : none;
	color: #2D7370;
}
.logo div#titre  span a:hover{
	text-decoration : underline;
}



/* pour la page projet */
.PrjRplMnu {
	color:#FFFFFF;
	font-size:1.5em;
	margin-bottom:1em;
	width:9em;
}
.PrjContainer{
	padding-top:2em;
}
.PrjDescr {
	font-size:0.9em;
	font-style:italic;
	color:#FFFFFF;
	width:9em;

}
.PrjGallery div.PrjName {
	margin-bottom:0.8em;
	font-size:0.8em;
	color:#CCCCCC;
	width:100%;
	border-bottom:1px solid #555;
	clear:both;
}
.PrjGallery div.PrjThumb {
	float:left;
	margin-bottom:1.5em;
	margin-right:1.5em;
	width:6.25em;
	height:6.25em;
}
.PrjGallery div.PrjThumb a img {
	width:6.25em;
	height:6.25em;
	POSITION: absolute;
	border:1px solid #999999;
}
.PrjGallery div.PrjThumb a:hover img {
	border:1px solid #fff;
}



/* entrée pour la page de liste de projets*/
.PrjLstRplMnu {
	margin-top:2em;
	margin-bottom:1.5em;
	color: #8E150C;
	font-size:2em;
}

.PrjLst {
}

.PrjLst A {
	float:left;
	text-decoration:none;
	text-align:center;
	margin-right:0.5em;
	width:9em;
}