body {
  font: .8em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
  text-align: center;
  color: #333;
}

img {
  border: 0;
}

small {
  font-size: .8em;
  color: #777;
}

h2 {
  font-size: 1.3em;
}

h3 {
  font-size: 1.05em;
}

h4 {
  font-size: 1.05em;
}

h5 {
  font-size: 1em;
}

h6 {
  font-size: 1.2em;
}

a:link {
  color: #333;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  text-decoration: none;
}

a:visited:hover {
  text-decoration: underline;
}

#page {
  width: 760px;
  margin: 10px auto;
}

#sidebar {
  width: 180px;
  text-align: left;
}

#sidebar:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #sidebar {
  height: 1%;
}

div .leftheader {
  background: transparent url(../images/sidebar-top.png) no-repeat left top;
  height: 15px;
  margin: 0;
  padding: 0;
}

#logo2 {
  position: relative;
  height: 115px;
  padding-top: 5px;
  text-align: center;
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
}

#contrib {
  position: relative;
  text-align: center;
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
  font-weight: 700;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

#contrib p {
  margin: 0;
  padding: 0;
}

#logo2 img {
  position: relative;
}

#menu {
  background: #ebebeb;
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
  border-bottom: 1px solid #b1b2b5;
  padding: 25px;
}

#menu a:visited {
  color: #333;
  text-decoration: none;
}

#menu a#pageToShow {
  color: #1d80d2;
  text-decoration: none;
}

#menu ul {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}

#menu li {
  display: block;
  margin-bottom: 3px;
  font-weight: 400;
  padding: 0;
}

#menu ul li ul {
  margin-top: 2px;
  padding-left: 7px;
  list-style: none;
}

#menu ul li ul li {
  display: block;
  margin-bottom: 3px;
  font-weight: 400;
  font-size: .85em;
  padding: 0;
}

#menu li a:hover {
  text-decoration: underline;
}

#menu li a:visited:hover {
  text-decoration: underline;
}

#lang {
  position: relative;
  text-align: center;
  background: #ebebeb;
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
  border-bottom: 1px solid #b1b2b5;
  padding: 13px 45px;
}

#lang img.flag {
  border: 1px solid #aaa;
  margin: 1px 2px 0;
}

#prism {
  position: relative;
  text-align: center;
  background: #ebebeb;
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
  border-bottom: 1px solid #b1b2b5;
  padding: 5px 45px;
}

#prism img.flag {
  border: 1px solid #aaa;
  margin: 1px 2px 0;
}

#counter {
  position: relative;
  text-align: center;
  background: #ebebeb;
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
  border-bottom: 1px solid #b1b2b5;
  padding: 6px 45px;
}

#leftlogo {
  text-align: center;
  background: #ebebeb;
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
  border-bottom: 1px solid #b1b2b5;
  padding: 10px 0;
}

div .leftfooter {
  background: transparent url(../images/sidebar-bottom.png) no-repeat left top;
  height: 30px;
}

#main {
  width: 560px;
  float: right;
  text-align: left;
}

#main:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html #main {
  height: 1%;
}

#header {
  background: transparent url(../images/main-top.png) no-repeat left top;
  height: 15px;
}

#title {
  position: relative;
  height: 121px;
  margin-top: -1px;
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
  cursor : default; 
}

#title h1 {
  position: absolute;
  top: 26px;
  left: 15px;
  height: 25px;
  width: 253px;
  text-align: right;
  text-shadow:2px 2px 3px gray;
  font-size: 1.6em;
  font-weight: 400;
}

/* Kroquer la télé */
#title h2 {
  position: absolute;
  left: 15px;
  top: 54px;
  width: 253px;
  height: 40px;
  text-align: right;
  font-weight: 400;
  color: #1d80d2;
  text-shadow:2px 2px 2px #e6e6b3
}

#title img#delimiter {
  position: absolute;
  left: 279px;
  top: -5px;
  width: 11px;
  height: 120px;
}

#title img#logo {
  position: absolute;
  left: 292px;
  width: 121px;
  height: 120px;
}

.delimiter {
  position: relative;
  height: 1px;
  background: #bbb;
  margin: 0;
  padding: 0;
}

.delimiter img {
  visibility: hidden;
}

#content {
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
  border-bottom: 1px solid #b1b2b5;
  background: #ebebeb;
  text-align: center;
  padding: 25px 25px 0px;
  cursor : default; 
}

#content img {
  text-align: center;
  margin: 10px auto 20px;
}

#content img.arobase {
  text-align: center;
  margin: 0 auto;
}

#content a {
  color: #1d80d2;
}

#content a:visited {
  color: #1d80d2;
  text-decoration: none;
}

#content a:visited:hover {
  text-decoration: underline;
}

#content h3 {
  font-weight: 700;
  margin: 0 0 5px;
  padding: 0;
}

#content h5 {
  margin-left: 20px;
}

#content p {
  margin: 0 0 17px;
}

#content p.level1 {
  margin-left: 0;
}

#content p.level2 {
  margin-left: 20px;
}

#content p.level3 {
  margin-left: 40px;
}

* html #content p, * html #content h6, * html #content h5, * html #content h4 {
  height: 1%;
}

#content table {
  border: 1px solid #b1b2b5;
  border-collapse: collapse;
  margin-left: 20px;
  margin-bottom: 20px;
}

#content table * {
  margin: 0;
  padding: 0;
}

#content table td {
  border: 1px solid #b1b2b5;
  font-size: .8em;
  padding: 3px;
}

#content table tr {
  border: 1px solid #b1b2b5;
  margin: 0;
  padding: 0;
}

#content table th {
  border: 1px solid #b1b2b5;
  font-size: .8em;
  margin: 0;
  padding: 2px;
}

#content table caption {
  padding-top: 6px;
  caption-side: bottom;
  font-size: .9em;
}

#content table.wide {
  width: 85%;
}

#content h6 {
  padding-top: 10px;
  font-weight: 700;
  margin: 0 0 2px;
}

#content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#content h6 a {
}

#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,#content p,#content ul,#content li {
  text-align: left;
}

#content li {
  list-style: square;
}

#content p.clear {
  clear: both;
}

#content p,#content ul,#content li {
  color: #333;
}

#content ul {
  margin-left: 25px;
  padding-left: 0;
}

#content ul.level1 {
  margin-left: 17px;
}

#content ul.level2 {
  margin-left: 37px;
}

#content ul.level3 {
  margin-left: 57px;
}

#content div.col-right ul {
  margin-left: 17px;
  margin-top: 0;
  padding-top: 0;
}

#content div.col-left ul {
  margin-left: 17px;
  margin-top: 0;
  padding-top: 0;
}

#content div.col-left h3,#content div.col-left h4,#content div.col-left h5,#content div.col-left h6,#content div.col-left p {
  margin-left: 1px;
}

#content div.col-left {
  margin-top: 10px;
  margin-bottom: 15px;
  width: 47%;
  float: left;
}

#content div.col-right {
  margin-top: 10px;
  margin-bottom: 15px;
  width: 48%;
  float: right;
}

#content img.left {
  float: left;
  clear: none;
  margin: 2px 8px 4px 0;
}

#content img.right {
  float: right;
  clear: none;
  margin: 2px 0 4px 8px;
}

#content img.sizer {
  float: right;
  clear: none;
  margin: 2px 0 4px 2px;
}

#content span.level1 {
  font-weight: 700;
}

#content span.level2 {
  font-weight: 700;
  color: #1d80d2;
}

#content span.level3 {
  font-style: italic;
}

#content div.center * {
  text-align: center;
}

#content div.hr,#content hr {
  width: 200px;
  height: 1px;
  background: #ebebeb url(../images/hr-pixel.gif) repeat-x left top;
  border: 0;
  margin: 25px 0 25px 155px;
  padding: 0;
}

#newsflow .newstitle {
  font-weight: 700;
  clear: both;
  width: 67%;
  float: left;
  text-align: left;
}

#newsflow .newsdate {
  float: right;
  width: 30%;
  text-align: right;
}

#newsflow div.newscontent {
  padding-top: 40px;
}

#newsflow div.newscontent a {
  color: #1a73bd;
}

* html #newsflow p {
  height: 1%;
}

#rightfooter {
  background: transparent url(../images/main-bottom.png) no-repeat left top;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 25px;
}

#google {
  background: #ebebeb;
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
  border-bottom: 1px solid #b1b2b5;
  border-top: 0 solid #b1b2b5;
  text-align: center;
  padding: 5px;
}

#splush {
  background: #EBEBEB;
  border-right: 1px solid #b1b2b5;
  border-left: 1px solid #b1b2b5;
  border-bottom: 1px solid #b1b2b5;
  border-top: 0 solid #b1b2b5;
  text-align: left;
  padding: 5px;
}

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}

#lightbox a img {
  border: 0;
}

#outerImageContainer {
  position: relative;
  background: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#imageContainer {
  padding: 10px;
}

#loading {
  position: absolute;
  top: 40%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

#hoverNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

#imageContainer > #hoverNav {
  left: 0;
}

#hoverNav a {
  outline: none;
}

#prevLink,#nextLink {
  width: 49%;
  height: 100%;
  background: transparent url(../images/blank.gif) no-repeat;
  display: block;
}

#prevLink {
  left: 0;
  float: left;
}

#nextLink {
  right: 0;
  float: right;
}

#prevLink:hover,#prevLink:visited:hover {
  background: url(../images/prevlabel.gif) no-repeat left 15%;
}

#nextLink:hover,#nextLink:visited:hover {
  background: url(../images/nextlabel.gif) no-repeat right 15%;
}

#imageDataContainer {
  font: 10px Verdana, Helvetica, sans-serif;
  background: #fff;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  margin: 0 auto;
}

#imageData {
  color: #666;
  padding: 0 10px;
}

#imageData #imageDetails {
  width: 70%;
  float: left;
  text-align: left;
}

#imageData #caption {
  font-weight: 700;
}

#imageData #numberDisplay {
  display: block;
  clear: left;
  padding-bottom: 1em;
}

#imageData #bottomNavClose {
  width: 66px;
  float: right;
  padding-bottom: .7em;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  height: 500px;
  background: #000;
}

.inputbox {
	font:0.75em Arial,verdana,arial,sans-serif;
	color:#535353;
	border:1px solid #CCCCCC;
}
.button {
	background:#6476B3;
	color:#FFFFFF;
	text-transform:uppercase;
	font:0.7em Arial,verdana,arial,sans-serif;
	padding:1px 3px;
	border:0px;
}