* {
	margin: 0;
	padding: 0;
}
body {
	background: #ECECEC url(img/bg.png) repeat-x;
	font-family: "Lucida Sans Unicode", Arial, Helvetica;
	font-size: 10pt;
}
h1, h2, h3 {
	font-family: "Trebuchet MS", Arial, Helvetica;
}	
h2 {
  font-size: 18pt;
  font-weight: bold;
	letter-spacing: -1px;
  color: #FF4006;
  margin: 10px 0 0 0;
}
img, a img, :link img, :visited img { 
	border: none;
}
a {
	color: #000;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
p {
	margin-bottom: 3px;
  line-height: 1.5;
}
:focus {
	-moz-outline-style: none;
}


/* Entête
-------------------------------------------------------- */
#disp {
	display: none;
}
#header {
	background-color: #000;
	height: 34px;
	color: #fff;
}
#header a, #top a {
	color: #fff;
}
#header div {
	width: 936px;
	position: relative;
	margin: 0 auto;
	padding: 4px 0 0 0;
}
#header ul {
	width: 836px;
	text-align: right;
}
#header li, #top li {
	display: inline;
	font-weight: bold;
  font-variant: small-caps;
	letter-spacing: -1px;
	font-family: "Trebuchet MS", Arial, Helvetica;
}
#header li {
	padding: 0 0 3px 25px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	font-size: 13pt;
	margin: 0 10px 0 0;
}
#top li {
	padding: 8px;
	font-size: 14pt;
	margin: 0 6px 0 0;
}
#header li:first-child {
	float: left;
  font-variant: normal;
	font-weight: normal;
	font-size: 10pt;
	padding: 4px 0 1px 20px;
	letter-spacing: 0;
}
.separator {
	height: 5px;
	background-color: #fff;	
	opacity: .35;
	filter: alpha(opacity=35);
	-moz-opacity: 0.35;
}
#top {
	height: 134px;
	background: #000 url(img/bgtop.png) no-repeat center top;
	position: relative;
	color: #fff;
}
#top .content {
	width: 936px;
	height: 124px;
	position: relative;
	margin: 0 auto;
}	
#top img {
	margin: 6px 0 0 0;
}
#top img.pic {
	position: absolute;
	right: -44px;
	bottom: -5px;
	z-index: 1;
}
#top ul {
	margin: 10px 0 0 10px;
}
#top li a:hover, li #top a:focus, li #top a:active {
	text-decoration: none;
	border-bottom: 5px solid #A1C34D;
}
#top li a.active {
	border-bottom: 5px solid #FF4006;
}


/* Milieu
-------------------------------------------------------- */
#center {
	width: 969px;
	position: relative;
	margin: 0 auto;
	background: transparent url(img/bgcenter.png) repeat-y center top;
}
#center .content, #center #bottom {
	width: 935px;
	position: relative;
	margin: 0 auto;
}
#container {
	width: 605px;
	float: left;
	padding: 0 0 100px 0;
	z-index: 1;
}
#container .content {
	margin: 15px;
	width: 585px;
}
#container .news {
  clear: both;
  line-height: 1.5;
  margin-bottom: 1.5em;
}
#container .news h2 {
  margin: 0 40px 0 60px;
}
#container .news h2 a {
  color: #FF4006;
}
#container .news .texte, #container .news .small {
  margin-top: 0;
  margin-left: 60px;
}
#container .news .texte {
  margin-top: 10px;
}
#container .news .texte a {
	color: #388CDB;
	text-decoration: underline;
}
#container .news .small {
  font-size: 7pt;
  color: #BDBDBD;
}
#container .cal {
	font-family: "Trebuchet MS", Arial, Helvetica;
  background: url(img/cal.png) no-repeat;
  height: 48px;
  width: 44px;
  text-align: center;
  color: #fff;
  font-size: 10px;
  float: left;
  margin-right: 15px;
  margin-top: 10px;
}
#container .cal abbr {
  text-decoration: none;
  border-bottom: none;
}
#container .cal span {
  font-size: 19px;
  font-weight: bold;
  color: #999;
  display: block;
}
#container img.pics {
	border: 2px solid #ccc;
}
#container img.pics:hover {
	border-color: #FF4006;
}
#container .p404 {
	font-size: 30pt;
	font-weight: bold;
	color: #FF4006;
	font-family: "Trebuchet MS", Arial, Helvetica;
	margin-bottom: 20px;
}


/* Côté
-------------------------------------------------------- */
#brainstormix {
	width: 330px;
	float: right;
	padding: 0 0 50px 0;
}
#brainstormix .content {
	margin: 15px;
	width: 300px;
}
#brainstormix .brainstormix {
	margin: 10px 0;
}
#brainstormix .num {
	width: 300px;
	height: 48px;
	background: transparent url(img/bgbrainstormix.png) no-repeat;
	position: relative;
}
#brainstormix .num abbr {
  text-decoration: none;
  border-bottom: none;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 8pt;
  color: #BDBDBD;
}
#brainstormix .num span {
  font-size: 20pt;
  font-weight: bold;
  color: #669517;
  position: absolute;
  right: 0;
  bottom: 0;
}
#brainstormix .playlist {
  margin-top: 10px;
  font-size: 7pt;
}


/* Bas
-------------------------------------------------------- */
#bottom {
	background: #262626 url(img/bgbottom.png) repeat-x;
	height: 237px;
	position: relative;
	clear: both;
}
#bottom h2, #bottom h3 {
	color: #669517;
	font-weight: bold;
	letter-spacing: -1px;
  position: absolute;
  margin: 0;
}
#bottom h2 {
  font-size: 16pt;
  top: 5px;
  left: 140px;
}
#bottom h2 a {
	color: #669517;
}
#bottom h3 {
  font-size: 11pt;
  top: 8px;
  right: 190px;
}
#bottom .background {
	position: absolute;
	top: -484px;
	right: 340px;
	background: transparent url(img/julianbrain_2.png) no-repeat;	
	width: 450px;
	height: 484px;
	z-index: 99;
}
#bottom img.jlbiz {
	position: absolute;
	top: -20px;
	right: 20px;
}
#bottom img.pic {
	position: absolute;
	bottom: 0;
	left: 10px;
}
#links {
	padding: 70px 15px 0 140px;
	text-align: justify;
}
#links, #links a {
	color: #fff;
	font-size: 7pt;
}


/* Dialog
-------------------------------------------------------- */
.ui-dialog {
	background-color: #fff;
	border: 2px solid #525252;
	min-height: 30px;
}
.ui-dialog .ui-dialog-titlebar {
	background: #D9500B url(img/dialog-header.png) repeat-x;
	padding: 0px;
	height: 30px;
	font-family: "Trebuchet MS", Arial, Helvetica;
}
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-dialog .ui-dialog-titlebar-close {
	width: 22px;
	height: 22px;
	background: url(img/dialog-close.png) no-repeat;
	position: absolute;
	top: 3px;
	right: 4px;
	cursor: default;
}
.ui-dialog .ui-dialog-titlebar-close-hover {
	background: url(img/dialog-close-hover.png) no-repeat;
	cursor: pointer;
}
.ui-dialog .ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog .ui-dialog-title {
	color: white;
	font-weight: bold;
	font-size: 12pt;
	position: absolute;
	top: 4px;
	left: 4px;
}
.ui-dialog .ui-dialog-content {
	margin: 10px 10px 5px 15px;
	font-size: 10pt;
}
.ui-dialog .ui-dialog-content h3 {
	font-weight: bold;
	font-size: 11pt;
	color: #808080;
	margin-bottom: 3px;
}
body .ui-resizable-disabled .ui-resizable-handle { 
	display: none; 
}
.ui-container {
	width: 95%;
	margin: auto;
}
.ui-dialog input[type=submit], input[type=reset], input[type=button] {
	font-size: 11pt;
	margin: 0px;
}
.ui-dialog input[type=submit] {
	background: #ccc;
	border-color: #525252;
	font-size: 10pt;
	color: #000;
}


/* Forms
-------------------------------------------------------- */
label {
	margin: 5px 0 10px 0;
	display: block;
	color: #808080;
	font-size: 8pt;
}
input, textarea, select {
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #999 #ccc #ccc #999;
}
input, option, button  {
	font: 8pt "Lucida Sans Unicode", Arial, Helvetica;
}
select {
	font: 9pt "Lucida Sans Unicode", Arial, Helvetica;
}
input[type=text], input[type=password], textarea {
	padding: 2px 0;
}
input[type=checkbox], input[type=radio] {
	border: none;
}
input[type=submit], input[type=reset], input[type=button], button {
	font-family: "Trebuchet MS", Arial, Helvetica;
	padding: 1px 15px;
	background: #FF3B00;
	border-width: 1px;
	border-style: outset;
	border-color: #9A2401;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	font-size: 12pt;
}
#guestbook, #contact, #bio {
	margin: 0 0 30px 60px;
}
div.success, div.error {
	padding: 0.5em;
	font-size: 10pt;
	margin: 0 20px 10px 60px;
}
div.success {
	border: 2px solid #42921E;
	background: #E0F6CC;
	color: #42921E;
}
div.error {
	border: 2px solid #ff0000;
	background: #FFE1E1;
	color: #ff0000;
}


/* Admin
-------------------------------------------------------- */
#admin {
	background: #000;
	padding: 10px;
	color: #fff;
}
#admin h1, #admin label {
	color: #fff;
}