/* placement  */ 
#container { width: 650px; \width: 660px; w\idth: 650px; margin-left: auto;	margin-right: auto;	}
#interface {background-color:#FFFFFF; margin-bottom: 5px; }
#ambiance {	padding: 5px; background-color:#FFFFFF;	margin-bottom:5px;	}
#content { width:340px;	background-color: #CC0000;	}
#texte { padding: 5px; margin-left:10px; margin-left: 0px; margin-right: 0px; background-color: #CCFF00; }
#footer { clear: both; background-color:#FFFFFF; }

/* body link */ 
body,td,th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: xx-small; color: #000000; }
body { background-color: #E8E8E8; margin-left: 0px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; }
a:link { color: #000000; text-decoration: none; font-weight:bold; }
a:visited {	text-decoration: none; color: #000000; font-weight:bold; }
a:hover { text-decoration: underline; color: #000000; font-weight:bold; }
a:active { text-decoration: none; color: #000000;  font-weight:bold;}
a: { font-weight:bold;}

/* cadres */
#a { float: left; margin-right: 5px ; padding: 5px; background-color:#FFFFFF; text-align:center; }
#b { float: left; width: 330px; padding: 5px;	background-color:#ffffff; height: 190px; }
#c { height:190px; float: left;	width:140px ; margin-left: 5px ; padding: 5px;	background-color:#ffffff; text-align:left; margin-bottom:5px; }


/* cadre SPECIFIQUE P accueil */
#cac { float: left;	width:140px ; margin-left: 5px ; padding: 5px;	background-color:#ffffff; text-align:center; }
#bac { float: left; width: 330px;  padding: 5px;	background-color:#ffffff; }


#menu { width: 650px; height: 80px; background: url(interface.gif); margin: 0px auto; padding: 0; position: relative; }
#menu li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
#menu a {display: block;}

#meniou1 {left: 1px; top: 1px; width: 100px; height: 76px;}
#meniou2 {left: 520px; top: 7px; width: 130px; height: 13px;}
#meniou3 {left: 520px; top: 24px; width: 130px; height: 13px;}
#meniou4 {left: 520px; top: 41px; width: 130px; height: 13px;}
#meniou5 {left: 520px; top: 58px; width: 130px; height: 13px;}
#meniou1 a {height: 79px;}
#meniou2 a {height: 13px;}
#meniou3 a {height: 13px;}
#meniou4 a {height: 13px;}
#meniou5 a {height: 13px;}
#meniou1 a:hover {background: url(interface.gif) -1px -81px no-repeat;}
#meniou2 a:hover {background: url(interface.gif) -520px -87px no-repeat;}
#meniou3 a:hover {background: url(interface.gif) -520px -104px no-repeat;}
#meniou4 a:hover {background: url(interface.gif) -520px -121px no-repeat;}
#meniou5 a:hover {background: url(interface.gif) -520px -138px no-repeat;}