/* ================================ GENERAL ================================ */
@import url(../default/style.css);

html, body { margin: 0; padding: 0; height: 100%; background: #fff url(images/body-bg.png) repeat-y top right; }
body { 
	padding: 0 60px 0 0; 
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.apoError { position: absolute; top: 10px; left: 0px; width: 90%; border: solid 1px #000; margin: 10px; }
.apoMessage { position: absolute; top: 40px; left: 0px; width: 90%; border: solid 1px #000; margin: 10px; }

.panel { border: none; background: none; }
.panelHeader { display: none; }
.panelContent { margin: 0; }
.panelIcon { display: none; }

/* ================================= HEADER ================================ */
#header { height: 110px; background: #4b4b69 url(images/plume.jpg) no-repeat top right; border-bottom: solid 1px #000; }
#header .banner {  height: 110px; width: 300px; background: #4b4b69 url(images/banner.png) no-repeat; }
#header .options { text-align: right; margin: 0; display: block; position: absolute; right: 85px; top: 0px; }
#header .options a { padding: 0px 5px 0px 5px; border: none; color: #cc0; text-decoration: none; font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#header .options a:hover { color: #fff; }

/* ================================== MENU ================================= */
#menu { height: auto; padding: 0; }
#menu ul { display: block;	position: absolute;	right: 85px; top: 85px; border: none; margin: 0; padding: 0; list-style : none; background: transparent; }
#menu li { display: block; float: left; border: none; background: transparent url(images/onglet-left.png) no-repeat top left; padding-left: 7px; margin: 0 0 0 1px;}
#menu li a { 
	display: block; float: left; 
	background: transparent url(images/onglet-right.png) no-repeat top right; 
	padding: 5px 8px 5px 1px; height: 15px; 
	color: #333;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
}
#menu li a:hover { color: #000; }

/* ================================== BODY ================================= */
#body { padding: 0; background: #fff url(images/sidebar-bg.png) repeat-y; }

/* ================================= FOOTER ================================ */
#footer { clear: both; border-top: solid 1px #000; padding: 5px; text-align: right; }

/* ================================ SUB MENU =============================== */
#submenu { float: left; width: 160px; padding: 5px 5px 5px 10px; border: none; background: #fff url(images/sidebar-bg.png) repeat-y;  }
#submenu .submenuHeader { display: none; }
#submenu .submenuContent { margin: 0; padding: 0; }
#submenu ul { list-style: none; }
#submenu a { color: #660; text-decoration: none; border: none; font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#submenu a:hover { color: #2b2b57; }

/* ================================ CONTENT ================================ */
#content { margin-left: 175px; padding: 5px; border: none; }

/* ================================ GENERIC ================================ */
/* headers */
h1 { color: #660; font: normal 1.8em Georgia,"New York",serif; border: none; }
h1 a { color: #660; font: normal 1em Georgia,"New York",serif; border: none; }
h2 { color: #2b2b57; font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; border: none; }
h3 { color: #4b4b77; font: bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif; border: none; }
/* links */
a { color: #2b2b57;	text-decoration: none; border-bottom: 1px dotted #333; }
a:hover, a:focus, a:active { color: #660; }
/* lists */
ul { list-style: disc inside; }
/* table */
table th { background: #cc0; color: #333; }
/* forms */
fieldset { border: solid 1px #2b2b57; }
fieldset legend { color: #2b2b57; font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; }
/* code */
code { padding: 0 2px 0 2px; color: #000; border: none; background: none; font: 1em "Courier New", Courier, monospace; }

/* ============================== DESCRIPTION ============================== */
.description dt { background-color: #cc0; color: #333;  }

/* ================================= LOGIN ================================= */
#login { border: solid 1px #000; }
#login+#footer { border: none; }

/* ================================== HOME ================================= */
.home { background: none; }
.home #content { margin-left: 0; }

/* ================================== NEWS ================================= */
.comments dt { border: none; color: #2b2b57; font: bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif; border: none; }

/* =============================== BOOKMARKS =============================== */
#bookmarksList a { border: none; }

/* =============================== CALENDAR ================================ */
.calendar_view dt { background: #cc0; color: #333; }
.calendar_view dt a { color: #333; }
.calendar_view a { border: none; }
.calendar_week_view dt { background: #cc0; color: #333; }
.calendar_day_view dt { background: #cc0; color: #333; }
.calendar_year_view dt { background: #cc0; color: #333; }
.calendar_year_view dt a { color: #333; }
.calendar_year_view a { border: none; }
.todos dt { background: #cc0; color: #333; }

/* ================================== HELP ================================= */
.help { background: none; }
.help #content { background: #fff; }
.help .panelIcon { display: none; }