* {
  margin:0;
  padding:0;
}

body {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#838076;
  background:white url(/images/fond.gif) repeat-x top left;
}

img {
  vertical-align:top;
}

a {
  color:#838076;
}

a img {
  border:none;
}

h1 {
  font-size:18px;
}

h2 {
  font-size:16px;
}

h3 {
  font-size:12px;
  font-style:normal;
}

#container {
  width:980px;
  margin:auto;
  background-color:white;
}

#header {
  display:block;
  list-style:none;
  height:146px;
}

#header li {
  float:left;
}

#header li a#decouvrir {
  display:block;
  width:240px;
  height:146px;
  background:transparent url(/images/decouvrir_on.gif) no-repeat top left;
}

#header li a#sortir {
  display:block;
  width:304px;
  height:146px;
  background:transparent url(/images/sortir_on.gif) no-repeat top left;
}

#decouvrir:hover img, #sortir:hover img {
  visibility:hidden;
}

#menu {
  display:block;
  list-style:none;
  width:200px;
  min-height:400px;
  float:left;
  margin:0 15px;
}

#menu li {
  position:relative;
  float:left;
  width:100%;
  display:block;
  list-style:none;
  border-width:0 0 1px 0;
  border-style:solid;
  border-color:#838076;
  padding:0 0 10px 0;
}

#portfolio img {
  position:absolute;
  display:block;
  top:0;
  left:-90px;
}

#menu li#rss, #menu li#mentions {
  width:180px;
  padding:10px;
}

#menu li#mentions {
  border:none;
}

#menu li a {
  display:block;
  text-decoration:none;
}

#portfolio ul {
  position:relative;
  z-index:100;
  display:block;
  list-style:none;
  font-size:14px;
  padding:50px 0 0 45px;
  height:255px;
}

#menu li ul li {
  float:none;
  width:auto;
  border:none;
  padding:0;
}


#portfolio a {
  height:18px;
}

#portfolio a:hover, #portfolio a.on {
  font-weight:bold;
}

#portfolio ul li a:hover span.start,#portfolio ul li a.on span.start, .rose {
  color:#c1004f;
}

#content {
  display:block;
  list-style:none;
  min-height:400px;
  margin:0 0 0 240px;
  padding:0 15px;
}

#content a {
  color:#c1004f;
}

#content li.content_item {
  display:block;
  float:left;
  width:710px;
  list-style:none;
  border-width:1px 0 0 0;
  border-style:solid;
  border-color:#838076;
  padding:15px 0;
}

#content table.largeurtotale {
  width:710px;
  border-collapse:collapse;
  border:0;
}

#pages {
  text-align:center;
  font-weight:bold;
}

#pages ul, #pages ul li {
  display:inline;
  list-style:none;
}

#pages ul li a {
  color:#838076;
  text-decoration:none;
}

#pages ul li a.active {
  text-decoration:underline;
  color:#c1004f;
}

.w3c {
  display:block;
  list-style:none;
  width:200px;
  float:right;
}
.w3c li {
  list-style:none;
  padding:10px;
}
.w3c li a {
  display:inline
}