body { line-height: 1.5; background: #4a94c8; margin: 0; background:url(bg.png) }
#imageMenu {
	position: relative;
	width: 950px;
	height: 230px;
	overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 234px;
	width: 1200px;
	padding:0px;
	
	}

#imageMenu ul li {
	float: left;
	padding-left:5px;
	
}

#imageMenu ul li a {
	text-indent: -1000px;
	background:#ffffff none repeat scroll 0%;
	
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:128px;
	height: 223px;
	border: 1px solid #fff;
	
	
	
}
#imageMenu ul li a:hover{border-right: 1px solid #FF9900;border-bottom: 1px solid #FF9900;}


.clear {
	clear: both;
}

.menurouge{border-left:5px solid #FF3300; padding-left:6px}
.menurouge:hover{border-left:5px solid #FF3300; padding-left:6px}
.menuvert{border-left:5px solid #669900; padding-left:6px}
.menuvert:hover{border-left:5px solid #669900; padding-left:6px}
.menubleu{border-left:5px solid  #0066CC; padding-left:6px}
.menubleu:hover{border-left:5px solid #0066CC; padding-left:6px}
.menujaune{border-left:5px solid #FFCC00; padding-left:6px}
.menujaune:hover{border-left:5px solid #FFCC00; padding-left:6px}




/*************************************************************/

.shadowImage{  display:block;  float:left; margin: 10px 0 0 10px;}
.shadowImage img{display: block;  position: relative;  padding: 3px;}
.cadrerouge{margin: -6px 6px 6px -6px;border: 1px solid #FFFFFF;} .cadrerouge:hover{border: 1px solid #FF3333 }
.cadrevert{margin: -6px 6px 6px -6px;border: 1px solid #FFFFFF;} .cadrevert:hover{border: 1px solid #00FF00; }
.cadrebleu{margin: -6px 6px 6px -6px;border: 1px solid  #FFFFFF;} .cadrebleu:hover{border: 1px solid #00CCCC; }
.cadrejaune{margin: -6px 6px 6px -6px;border: 1px solid  #FFFFFF;} .cadrejaune:hover{border: 1px solid #FFCC00; }