body, html  { width: 100%; }
body, table { margin: 0px; padding:0px; font-family: "Courier New", Courier, monospace; color:#000000; background-color:#ffffff; font-size: 12px; }
body { background-image:url(../img/fond.png); }
table { background-color:transparent; }


/* logo */
#logo { width: 100%; background-color:#FFFFFF; margin-top:20px; font-size: 14px; }
#logo .center { text-align:left; padding: 5px 0px 5px 20px; }

/* menu */
#menu { width: 100%; background-color:#FFFFFF; margin-top:15px; height:30px; font-size: 14px;}
#menu .center { padding-left: 20px; }
#menu .center ul li { float: left; }
#menu .center ul li a { display:block; padding: 5px 76px 5px 0px; height:17px;}
#menu .center ul li a:hover { background-repeat:no-repeat; background-position:0% 50%; font-size:0px; color:#FFFFFF; }
#menu .center ul li a.first { }
#menu .center ul li a.last { }
#menu .center ul li a.selected { }
#menu .center ul li a.project { width: 64px; }
#menu .center ul li a.press-events { width: 120px; }
#menu .center ul li a.who { width: 24px; }
#menu .center ul li a.links { width: 40px; }

/* main */
#main { margin:15px 15px; width: 1300px; }



/* Contenu */

#project { position:relative; width: 100%; }
#project .left { padding: 5px;background-color:#FFFFFF; width: 120px; height: 465px; float: left; font-size: 14px; }
#project .left ul li a { opacity:0.6; filter:alpha(opacity=10); display:block; }
#project .left ul li a:hover { opacity:1; filter:alpha(opacity=100); }
#project .left ul li a.selected { opacity:1; filter:alpha(opacity=100); }
#project .middle { float: left; position:relative; margin-left:15px; }
#project .middle .img_large { padding: 0px;background-color:#FFFFFF; width: 580px; height: 435px; overflow:hidden; }
#project .middle .nav { position:relative; background-color:#FFFFFF; padding:5px; width: 570px; margin-top:15px; height:15px; font-size: 11px; }
#project .middle .nav .prev { float: left; }
#project .middle .nav .next { float: right; }
#project .right { float: left; position:relative; margin-left:15px; }
#project .right .information { background-color:#FFFFFF; padding:5px; width: 210px; }
#project .right .description { background-color:#FFFFFF; padding:5px; width: 210px; height: 200px; margin-top:17px; overflow:hidden; display:none; }
#project .right .img_tiny { background-color:#FFFFFF; padding:0px; width: 220px; height: 165px; margin-top:16px; overflow:hidden; display:none; }
#project .right .nav { background-color:#FFFFFF; padding:5px; width: 210px; margin-top:15px; height:17px; overflow:hidden;  display:none;}
#project .right .nav span.selected { color: #000000; cursor:default; }

#main div.who { height: 465px; overflow:hidden; }
#main div.links { height: 465px; overflow:hidden; }

/* Footer */

/* Homepage */

/* Utils - Général */
.dotted { letter-spacing:7px; font-weight:bold; line-height:8px;}
.clear { clear:both; }
.pointer { cursor:pointer; }
a img { border: 0px; }
a, a:link, a:visited { text-decoration:none; outline: none; }
a:hover { text-decoration:none; }
.introuvable { text-align:center; font-weight: bold; }
.hidden_link {color: #ffffff; }	
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin: 0; padding: 0; }
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; color: #000000; letter-spacing:0px; margin: 0px; margin-bottom: 10px;  }
h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; font-weight:bold; color: #000000; letter-spacing:0px; margin: 0px; margin-bottom: 10px; }
a img,:link img,:visited img { border: none; }
li { list-style-type: none; }
input, textarea, select, option { font: normal 11px Verdana; color: #005D5B; }