body {

  font: .8em "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;

  text-align: center;

  color: #333;
  line-height:17px;

}



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;

}