@import url(jquery-ui.css);

.body {
	background:#ea7900;
}

.top {
	background:url(./images/bg-top.jpg) no-repeat center 0%;
	height:323px;
	text-align:center;
	border:1px transparent solid;
}
.top h1
{
	margin-top:220px;
	color:orange;
	font-size:200%;
}

.top,.middle,#accordion,.bottom,.barre,.content {
	margin-left:auto;
	margin-right:auto;
}

.top,.middle,.bottom,.barre {
	width:1024px;
}
.middle h2
{
	color:orange;
}
.middle {
	background:url(./images/bg-middle.jpg) repeat-y center 0%;
	padding-top:5px;
	padding-bottom:5px;
}

#accordion {
	width:750px;
}
#w3c
{
padding-top: 10px;
	text-align:center;
	width:150px;
	margin-left:auto;
	margin-right:auto;
}
#contact, #cv
{
	width:750px;
	margin-left:auto;
	margin-right:auto;
}

.bottom {
	background:#ea7900 url(./images/bg-bottom.jpg) no-repeat center 0%;
	height:149px;
}

.barre {
	background:url(./images/barre.jpg) no-repeat center 0%
}

.barre,a.articles:hover,a.cv:hover,a.contact:hover,a.articles,a.cv,a.contact, a.blog, a.twitter{
	height:118px
}
a.articles,a.cv,a.contact,a.blog,a.twitter {
	background:url()
}
a.articles:hover,a.cv:hover,a.contact:hover,a.blog:hover,a.twitter:hover,a.articles,a.cv,a.contact,a.blog,a.twitter {
	background:no-repeat top left;
	cursor:pointer;
	float:right
}

.barre_container {
	background:url(./images/barre.jpg) repeat-x
}




td.row1
{
    background-color:#FFCE9D;
}

.element
{
  padding:0;
  border: 1px #FF9122 solid;
  margin-bottom: 50px;
  max-width: 720px;
  width: 720px;
}
.inner-title
{
  padding:0;
  border: 1px #FFF solid;
  background-color: #FF9122;
  letter-spacing: 2px;
  text-transform: uppercase;
  font: bold 17px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: White;
}
.inner-element
{
  padding: 10px;
  border: 1px #FFF solid;
  border-top:none;
  background-color: #FFD8B0;
  text-align:left;
}
.inner-element table
{
  width:100%;
}



.menu li {
	clear:both;
	float:left;
	width:610px;
	background:url('divider.gif') no-repeat bottom;
	padding-bottom:3px
}

.menu li,.menu li a,.menu li a:hover,.menu li a span {
	display:block
}

.menu li a,.menu li a:hover {
	padding:20px 10px 20px 10px;
	text-decoration:none;
	font-size:15px
}

.menu li a,.menu li a span {
	color:#3a3b36
}

.menu li a {
	width:590px;
	border-left:3px white solid;
	border-right:3px white solid;
}

.menu li a:hover {
	background:#ffdb95;
	color:#1b1c17;
	border-left:3px orange solid;
	border-right:3px orange solid;
}

.menu li a span {
	margin:4px 0 0 0;
	font-size:12px
}