html, body {
	margin : 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #efeff8;
	color: #777;
}

#banner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

	height: 14em;
	width: 100%; /* ie */
	background-repeat: no-repeat;
	margin : 0;
/*	border-bottom: 1px solid black; */
}

#content {
	margin : 16em 10px 10px 10px;
	clear: left;
}

a {
	color: black;
	text-decoration: none;
}

a:hover {
	color : #d44;
}

ul {
	list-style-type : none;
	padding: 0;
}

#banner #title {
	position : absolute;
	top : 25px;
	right : 25px;
}

/* hack IE sauf IE Mac */
/* \*/
* html #banner img {
	visibility : hidden;
}

* html #banner #title {
	height : 40px;
	width : 416px;
	background-image: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/everlong-title.png');
}
/* */

#menu {
	margin: 0;
/*	padding-top: 5px; */
	border-top : 1px solid black;
	position: absolute;
	top: 14em;
	width: 100%;
}

#menu li {
	display: inline;
	margin-left : 5px;
	list-style: none;
}

#menu a {
	background-color: #cfc; 
	color: #5a5;
	text-decoration : none;
	border: 1px solid #aca;
	padding : 5px;
	position: relative;
}

#menu a:hover {
	background-color: #ccf;
	color: #55a;
	border-color: #aac;
/*	border: black solid 1px;
	border-top: #ccf solid 1px; */
}

.rss {
	font-size: .75em;
	text-decoration : none;
	border: 1px solid black;
	padding : 5px;
	position: relative;
	background-color: #eee;
	color: black;
}

.rss h2 {
	font-size : 1.05em;
	margin: 0;
}

.rss .rss_site {
	padding : .3em;
	margin: 0;
}

.rss .rss_site:hover {
	color: black;
	border: 1px solid black;
	margin: -1px;
}

#friends {
	background-color: #cfc; 
	color: #5a5;
	border-color: #aca;
}

html>body #friends {
	background-image: url(../images/entonnoir.png);
}
html>body .rss {
	background-repeat: no-repeat;
	background-position: 95% .5em;;
}

#friends .rss_site:hover {
	color: #282;
	background-color: #98d898 !important;
	border-color: #8a8 !important;
}

html>body #photoblogs {
	background-image: url(../images/camera.png);
}

#photoblogs {
	color: #ff7200;
	background-color: #fff3b5;
	border-color: #ff9400;
}

.rss dt a {
	color: inherit;
}

.rss a:hover {
	color : #d44;
}


#photoblogs .rss_site:hover {
	color: #ff5000 !important;
	background-color: #ffea83 !important;
	border-color: #ff9400 !important;
}

html>body #webcomics {
	background-image: url(../images/bulle.png);
}

#webcomics {
	background-color: #d6e2ff;
	color: #627fc9;
	border-color: #3d4f7d;
}

#webcomics .rss_site:hover {
	background-color: #95abe2;
	border-color: #364775;
	color: #364775;
}

#others {
	background-color: #ffcca2;
	color: #986033;
	border-color: #986033;
}

html>body #others{
	background-image: url(../images/network.png);
}

#others .rss_site:hover {
	background-color: #ffb77b;
	color: #6f4625;
	border-color: #6f4625;
}

html>body #media {
	background-image: url(../images/jumelles.png);
}

#media {
	background-color: #d6e2ff;
	color: #627fc9;
	border-color: #3d4f7d;
}

#media .rss_site:hover {
	background-color: #95abe2;
	border-color: #364775;
	color: #364775;
}

/*.rss_site#rss_moi {
	border: 1px solid black;
	margin: 0 -1px;
}
*/
#friends .rss_site#friends_rss_moi {
	border: 1px solid #aca;
	background-color: #bfb;
	margin: 0 -1px;
}

#photoblogs .rss_site#photoblogs_rss_moi {
	background-color: #fff0a0;
	border: 1px solid #ffa000;
	margin: 0 -1px;
}

.rss_site li,
.rss_site ul,
.rss_site dt {
	margin: 0;
	padding: 0;
}

.rss_site dd {
	padding: 0;
	margin-left: 1em;
}

a img {
	border: 0;
}
/*
#friends_rss_ext,
#friends_rss {
	float: right;
	margin: -40px .5em 0;
}

#friends_rss_ext #friends_rss {
	float: none;
	margin: auto;
}
*/

#rss1,
#rss2 {
	position: absolute;
	right: 0;
	top: 6em;
	padding: 0 .5em;
	z-index: 1;
	width: 14.5em;
}

#rss1 {
	right: 0;
}

#rss2 {
	right: 15em;
}

/* on ne sert qu'à ceux qui font du CSS2 */
html>body .present_ombre_ext {
	background-image: url(../images/ombrage/shadow_right.png);
	background-repeat: no-repeat;
	background-position: 100% -12px;
}

html>body .present_ombre_mid {
	background-image: url(../images/ombrage/shadow_bottom.png); 
	background-repeat: no-repeat;
	background-position: -12px 100%;
}

html>body .present_ombre_int {
	background-image: url(../images/ombrage/shadow_br.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}

/* css de base pour ceux qui connaissent pas le css 2 */
.present_ombre_ext {
	background-image: none;
}

.present_ombre_mid {
	background-image: none;
}

.present_ombre_int {
	background-image: none;
	position: relative; /* pour forcer le reflow ... */
	padding-right: 9px;
	padding-bottom: 9px;
}