/*
	Feuille de style développée par Aurélien Gaudin
  dans le cadre des projets Miages Bordeaux/Nice 2007.
  (www.aureliengaudin.com)
*/

html, body, p, img{
	margin:0;
	padding:0;
}

body{
	font-family: Trebuchet MS;
	font-size: 12px;
	background: #595441 url('back.gif') repeat-x;
}

#container{
  margin: 30px;
  width: 850px;
  background-color: #F1EEDA;
}

#header{
  height: 140px;
}

#footer{
  height: 50px;
  background: url('footright.gif') no-repeat bottom right;
}

#page{
  padding: 0 32px 0 32px;
  text-align: justify;
  line-height: 2;
  clear: both;
}

#page p{
  padding-left: 10px;
  border-left: 3px solid #595441;
  margin: 15px 0 15px 0;
}

#title{
  font-family: Myriad Pro;
	font-size: 60px;
	color: #28A7B0;
	width: 480px;
	height: 140px;
	background: url('title_sweetwiki.gif') no-repeat;
	float: left;
}

#title span{
  display: none;
}

#menu{
  text-align: right;
  padding: 20px 32px 0 0;
  font-size: 20px;
}

#menu a{
  color: #271D13;
  text-decoration: none;
  margin-left: 5px;
}

#menu a:hover{
  color: #E55124;
  text-decoration: none;
}

.active{
  color: #28A7B0;
  margin-left: 5px;
}

img{
  padding: 5px;
  border: 3px solid #595441;
  background-color: #F1EEDA;
}

h1{
  display: inline;
  background-color: #E55124;
  color: #F1EEDA;
  font-weight: normal;
  padding: 0 13px 0 13px;
}

h2{
  display: inline;
  background-color: #E55124;
  color: #F1EEDA;
  font-weight: normal;
  padding: 0 13px 0 13px;
}

h3{
  display: inline;
  background-color: #E55124;
  color: #F1EEDA;
  font-weight: normal;
  padding: 0 13px 0 13px;
}

li{
  background-image: url('bullet_black.gif');
  background-repeat: no-repeat;
  background-position: left center;
  list-style-type: none;
  padding-left: 20px;
}

#page a{
  color: #28A7B0;
  text-decoration: none;
}

#page a:hover{
  color: #E55124;
  text-decoration: none;
}