* { font-family: 'Exo', Arial, sans-serif; color:#fff; padding:0; margin:0; border:0; }

body { background-color:#000; }
iframe { border:none; }
.fwnormal { font-weight:normal; }
.de { margin-left:15px; }

#column1 { padding-top:98px; position:fixed; top:0; bottom:0; background-color:#000000; width:150px; }
#column2 { padding-top:100px; position:fixed; top:0; bottom:0; background-color:#949599; width:200px; margin-left:150px; }
#column3 { padding-top:100px; padding-left:10px; padding-bottom:40px; background-color:#000000; margin-left:350px; }

#column2 .title { font-weight:normal; padding-left:10px; padding-top:15px; font-size:2.2em; line-height:1em; color:#000; text-transform:uppercase; }
#column2 .title span { font-weight:normal; display:block; color:#000; } /* prenom */
#column2 .title-image { min-height:138px; background-size:100%; background-repeat:no-repeat; }

#column3 h3.title { font-weight:normal; font-size:1em; padding-bottom:20px; text-transform:uppercase; }

#menu li { margin-bottom:10px; line-height:23px; }
#menu li a { font-size:20px;  float:right; margin-right:15px; text-decoration:none; color:#949599; }
#menu li a:hover { color:#ccc; }
#menu li a.active { color:#fff; }

body.home #column2 { width:400px; }
body.home #column2 div { min-height:330px; background-image: url(images/RO-01-flip.jpg); }
body.home #column2 .title-image { cursor:default; }
body.home #column3 { padding-top:290px; padding-left:20px; position:fixed; top:0; bottom:0; left:0; right:0; margin-left:550px; }
body.home #column3 { background-image:url(images/RO-01.jpg); background-repeat:no-repeat; background-size:cover; opacity:0.3; }
body.home #home-title { font-size:5em; line-height:1em; font-weight:normal; position:absolute; top:245px; left: 570px; text-transform:uppercase; }
body.home #home-title div { text-transform:uppercase; }

body.cinema #column2 div { background-image: url(images/RO-02.jpg); }
body.television #column2 div { background-image: url(images/RO-05.jpg); }
body.theatre #column2 div { background-image: url(images/RO-04.jpg); }
body.videos #column2 div { background-image: url(images/RO-03.jpg); }
body.contact #column2 div { background-image: url(images/RO-01.jpg); }

body.photos #column2 h2 { padding-top:0px; color:#ffffff; }
body.photos #column2 h2 span { color:#ffffff; }
body.photos #column2 { background-color:transparent; }
body.photos #column2 .title-image { display:none; }
body.photos #column3 img { cursor:pointer; margin:5px; }

body.contact a { color:blue; text-decoration:none; }
body.contact a:hover { text-decoration:underline; }

#works td { vertical-align:top; padding-bottom:20px; }
#works td:nth-child(1) { padding-right:20px; }
#works .title { text-transform:uppercase; font-weight:normal; text-decoration:underline; color:#fff; }
#works .role:before { content: '\A' "- "; white-space: pre; }
#works .role { font-style:italic; }
#works .director { font-weight:bold; font-size:1em; }

#films td { vertical-align:top; padding-bottom:20px; }
#films td:nth-child(1) { padding-right:20px; }
#films .title { text-transform:uppercase; text-decoration:underline; color:#fff; }
#films .role:before { content: '\A' "- "; white-space: pre; }
#films .role { font-style:italic; }
#films .director { font-weight:bold; font-size:1em; }

body.videos .player { float:left; width:282px; height:159px; margin-right:5px; margin-bottom:5px; }
body.videos .player img { cursor:pointer; opacity:0.5;  }
body.videos .player img:hover { opacity:1; }