body, html { height:100%; background-color:#4b4b4d; }
body, table { margin:0px; padding:0px; color: #4b4b4d; font-family: Arial, Century Gothic, Helvetica, sans-serif; font-size: 12px; }

#main { position: absolute; top: 0px; left: 20px; width: 900px; height: 100%; }
#main .top { width: 100%; height: 40px; background-image:url(../img/bg_top.png); background-repeat:no-repeat; background-position: bottom; }
#main .middle { width: 100%; background-color:#E3E4E5; }
#main .bottom { width: 100%; height:144px; background-image:url(../img/bg_bottom.png); background-repeat:no-repeat; }

#menu { padding: 8px 19px 0px 19px; }
#menu ul li { display:inline; padding-right: 50px; }
#menu ul li.bold { color: #4b4b4d; font-size: 27px; }
#menu ul li.last { padding-right: 0px; }
#menu ul li a { color: #4b4b4d; font-size: 25px; }
#menu ul li a:hover { color: #FF6A4E; }
#menu ul li a.selected { color: #FF6A4E;}

/*#contenu { padding: 20px; min-height:60%; }*/
#contenu { padding: 20px 20px 0px 20px;display:none;  }
#wp #contenu { display:block;  }
#contenu2 { display:none;  }
#flashcontent { background-color:#4b4b4d; }

a, a:link, a:visited { color: #ff6a4e; text-decoration:none; }
span.flir { font-size:12px; }

#homepage { position:relative; height:150px; }
#homepage div.title { font-size:65px; padding-top: 20px; }
/*#homepage div.line { position:absolute; width:100%; height:3px; bottom: 50px; border-top: 3px solid #FF6A4E; border-bottom: 1px solid #FF6A4E; }*/
#homepage div.visuel { position:absolute; width:100px; height:70px; }

.bottom { position:relative; }
.bottom div.languages { position:absolute; top: -10px; right: 20px; }
.bottom div.languages a { color: #4b4b4d;  font-size:16px; }
.bottom div.languages a.selected { color: #FF6A4E;}

#about,
#showreel,
#contact,
#homepage {}

table#about { width:100%; }
table#about .text { text-align:left; vertical-align:top; width:530px; text-align:justify;  }
table#about .image { text-align:right; vertical-align:top;  }
table#about .image img.about {  }
table#about .tns { text-align:left; }
table#about .tns a img {  padding-right: 30px; }
table#about .tns img { border: 0px solid #4b4b4d; }
table#about .legends { position:relative; height: 40px; }
table#about .legends .cv { position: absolute; top:7px; left: 0px; display:none; background-color: #FF6A4E; color:#e3e4e5; padding: 5px; -ms-border-radius: 3px; -moz-border-radius: 3px; }
table#about .legends .interview { position: absolute; top:7px; left: 108px; display:none; background-color: #FF6A4E; color:#e3e4e5; padding: 5px; -ms-border-radius: 3px; -moz-border-radius: 3px; }
table#about .legends .article { position: absolute; top:7px; left: 224px; display:none; background-color: #FF6A4E; color:#e3e4e5; padding: 5px; -ms-border-radius: 3px; -moz-border-radius: 3px; }
table#about .legends .interview2 { position: absolute; top:7px; right:7px; display:none; background-color: #FF6A4E; color:#e3e4e5; padding: 5px; -ms-border-radius: 3px; -moz-border-radius: 3px; }
img.illu { display:none; }


#photos { padding-bottom:20px; }
#photos .flash { background-color:#4b4b4d; padding: 10px 0px; -ms-border-radius: 5px; -moz-border-radius: 5px; } 
#contact { height:400px; border-bottom: 0px solid #FF6A4E; margin-bottom:5px; }
#contact img.contact { }

#showreel {}
#showreel .showreel { position:relative; height: 100px; width: 100%;}
#showreel .showreel .left { position:relative; float:left; width: 150px;}
#showreel .showreel .right { position:relative; float:left; width: 500px;}
#showreel .showreel .right .title { font-size:18px;}

/* general */
h1 { font-size: 27px; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,blockquote,fieldset,input{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a { text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
a.hidden { color: #4b4b4d;}
li { list-style-type: none; }
img.flir-image { vertical-align:top; }
.orange { color: #FF6A4E;}