body {
	background: #ccc;
	padding: 0px;
	margin: 0px;
	font: 11.5px Arial, Helvetica, sans-serif;
	
	}
	
a{color: #000; text-decoration: none; }
a:hover{color: #999;text-decoration: none; }
a img {border: 0px;}
	
/* position elelemnts */
div.header, div.menu, div.mask, div.content, div.apercuBox, div.contentL, div.contentAmis, div.imageBox, div.nextImage {position: fixed; background: #fff; z-index: 5;}
div.header {top: 35px; left: 100px;}
div.menu {top: 80px; left: 100px;}
div.content, div.apercuBox, div.contentAmis {top: 80px; left: 305px; overflow: auto;  z-index: 4; position: absolute;}
div.contentL {top: 80px; left: 305px; overflow: auto;  z-index: 4; position: fixed;}
div.mask {top: 0px; left: 100px; width: 1000px; height: 80px; z-index: 5; background: #ccc;}
div.maskL {position: fixed; top: 0px; left: 100px; width: 800px; height: 315px; z-index: 2; background: #ccc;}
div.imageBox {top: 315px; left: 100px; z-index: 3;}
div.nextImage {top: 325px; left: 110px;}
div.lBox {position: absolute; overflow: auto; top: 315px; left: 100px; width: 640px; z-index: 1;}


/* EN TETE SITE */ 
div.header {
	font: 10px Arial, Helvetica, sans-serif;
	width: 645px;
	padding: 5px 0px 6px 5px;
	margin: 0px 0px 0px 0px;
	line-height: 10px;
}

/* header  */
span.myTitle {font: 16px Arial, Helvetica, sans-serif; font-weight: bold;}

div.header a{color: #000; text-decoration: none;}
div.header a:hover{color: #ccc; text-decoration: none;}




/* MENU */

div.menu {
	width: 200px;
	height: 230px;
	font: 16px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

div.menu ul {list-style-type: none; padding: 0px; margin: 5px 0px 0px 5px;}

div.menu a{color: #999; text-transform: uppercase;}
div.menu a:hover{color: #000; text-transform: uppercase;}

div.menu li.selected a{color: #000; text-transform: uppercase;}
div.menu li.selected  a:hover{color: #000; text-transform: uppercase;}




/* CONTENT */
div.content {
	width: 550px;
	min-height: 224px;
	padding: 3px;
	line-height: 15px;
	}
div.content a:visited {color: #ccc;}


div.contentL {
	width: 550px;
	height: 224px;
	padding: 3px;
	line-height: 20px;
	}

div.contentL a{color: #999; text-transform: uppercase;}
div.contentL a:hover{color: #000; text-transform: uppercase;}

div.contentL .subselected a{color: #000; text-transform: uppercase;}
div.contentL .subselected  a:hover{color: #000; text-transform: uppercase;}	
	
div.imageL {
	position: absolute;
	top
}
	
div.contentAmis {
	width: 350px;
	min-height: 224px;
	padding: 3px;
	line-height: 20px;
	}

div.apercuBox {
	min-width: 439px;
	min-height: 224px;
	padding: 0px;
	line-height: 15px;
	}

/* Liste travaux */
table.listing {
	width: 100%;
	padding: 0px;
	font: 11.5px Arial, Helvetica, sans-serif;
}

table.listing  img{margin: 2px 3px 3px 0px;}
table.listing  p{margin: 0px 0px 0px 0px;}
table.listing  a{font-size: 11.5px; color: #000; text-decoration: none; text-transform: none; padding: 0px;}
table.listing  a:hover{font-size: 11.5px; color: #999; text-decoration: none;text-transform: none; padding: 0px;}

table.apercu {margin: 0px 0px 0px 0px;}
table.apercu img {margin: 0px 0px 0px 0px;}
table.apercu td {padding: 0px 0px 0px 0px;}


/* Titre projet*/


/* IMAGE BOX */
div.imageBox {padding: 5px; background: #fff;}

/* BOUTON NEXT */
div.nextImage {background: transparent;}

/* IMAGE BOX */
div.lBox {padding: 5px; background: #fff;}

/* IMAGE L */
div.menuL {
	float: left;
	width: 195px;
}

div.imageL {
	float: right;
	top: 0px;
	left: 206px;
	width: 350px;
	height: 230px;
	overflow: hidden;
	z-index: 10;
	background: #0f0;
}