@charset "UTF-8";

* {
margin:0;
padding:0;
font-family:Trebuchet MS,Arial,Helvetica,sans-serif;
color:#fff;
line-height:1.3em;
}

body {
background:url(../jpg/trame/trame.jpg);
}

h1 {
font-size:1.4em;
}

h2 {
font-size:1em;
color:#000000;
font-family:Trebuchet MS;
}

h2 span {
color:#000000;
padding-left:0.5em;
font-family:Trebuchet MS;
}

h3 {
font-family:Trebuchet MS;
}

ul {
list-style-type:none;
}

p {
font-size:0.8em;
}

a {
}

#annonce h1, #synopsis h1, #galerie h1, #casting h1 {
display:block;
width:950px;
height:41px;
height:102px;
}

#realisateur h1, #accueil h1, #index h1, #revue h1, #postits h1 {
display:block;
width:950px;
height:102px;
}

#revue h1 {
background:url(../jpg/titres/revue.jpg) no-repeat;
}

#synopsis h1 {
background:url(../jpg/titres/synopsis.jpg) no-repeat;
}

#galerie h1 {
background:url(../jpg/titres/galerie.jpg) no-repeat;
}

#casting h1 {
background:url(../jpg/titres/casting.jpg) no-repeat;
}

#annonce h1,#synopsis h1.filmannonce {
background:url(../jpg/titres/annonce.jpg) no-repeat;
}

#realisateur h1 {
background:url(../jpg/titres/realisateur.jpg) no-repeat;
}

#accueil h1 {
background:url(../jpg/titres/index.jpg) no-repeat;
}

#index h1 {
background:url(../jpg/titres/index.jpg) no-repeat;
}

#postits h1 {
background:url(../jpg/titres/postits.jpg) no-repeat;
}

#text {
padding-top:0em;
}

#logo {
position:absolute;
margin-left:770px;
margin-top:20px;
z-index:100;
display:none;
}

#logo a {
width:124px;
height:100px;
display:block;
text-decoration:none;
}

#logo a:hover {
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
-khtml-opacity:0.7;
}

#annonce {
}

#synopsis {
}

#galerie {
}

#casting {
}

#realisateur {
}

#accueil {
}

#menu {
background:#fff;
width:950px;
height:27px;
padding-top:7px;
display:block;
}

#menu li{
display:block;
background:url(../jpg/menu/separator.jpg) no-repeat;
padding-left:10px;
float:left;
}

#menu li a.selected,#menu li a:hover {
filter:alpha(opacity=95);
-moz-opacity:.95;
opacity:.95;
-khtml-opacity:0.95;
}

#menu li a {
height:27px;
display:block;
text-decoration:none;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
-khtml-opacity:0.6;
}

#menu li.annonce {
background:none;
}

#menu li.dossier {
width:279px;
}

#menu li.revue a {
width:136px;
background:url(../jpg/menu/revue.jpg) no-repeat;
}


#menu li.dossier a {
width:279px;
background:url(../jpg/menu/dossier.jpg) no-repeat;
}

#menu li.annonce {
width:114px;
}

#menu li.annonce a {
width:114px;
background:url(../jpg/menu/annonce.jpg) no-repeat;
}

#menu li.realisateur {
width:80px;
}

#menu li.realisateur a {
width:80px;
background:url(../jpg/menu/realisateur.jpg) no-repeat;
}

#menu li.casting {
width:110px;
}

#menu li.casting a {
width:110px;
background:url(../jpg/menu/casting.jpg) no-repeat;
}

#menu li.synopsis {
width:80px;
}

#menu li.synopsis a {
width:80px;
background:url(../jpg/menu/synopsis.jpg) no-repeat;
}

#menu li.galerie {
width:64px;
}

#menu li.galerie a {
width:64px;
background:url(../jpg/menu/galerie.jpg) no-repeat;
}

#contact_rezo {
border-top:1px solid #f19611;
width:934px;
display:block;
background:#fff;
padding-left:45px;
padding-bottom:20px;
}

#contact_rezo h3 {
color:#f19611;
padding-top:0em;
font-size:0.9em;
}

#index {
}

#contact_rezo ul {
display:inline-block;
}


#contact_rezo a {
display:block;
width:100px;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
-khtml-opacity:0.8;
text-decoration:none;
}

#contact_rezo li {
display:inline-block;
margin-right:0.5em;
}

#contact_rezo a:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;
}

#rezofilms a {
height:16px;
background:url(../jpg/logos/rezofilms.jpg) no-repeat;
}

#rezoprods a {
height:22px;
background:url(../jpg/logos/rezoprod.jpg) no-repeat;
}

#program33 a {
height:22px;
background:url(../jpg/logos/program33.jpg) no-repeat;
}

#studiomagazine a {
height:22px;
width:71px;
background:url(../jpg/logos/studio.jpg) no-repeat;
}

#entrer a {
width:950px;
height:62px;
display:block;
text-decoration:none;
background:url(../jpg/entrer/entrer.jpg) no-repeat;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;
}

#entrer a:hover {
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
-khtml-opacity:0.8;
}

#contact_rezo li {
color:#000;
margin-bottom:0.1em;
}

#erreur_flash {
}

#affiche {
position:absolute;
top:0;
width:450px;
height:590px;
display:none;
background:url(../jpg/affiche/affiche.png) no-repeat;
margin-top:40px;
margin-left:470px;
display:block;
}

#thumb {
position:absolute;
top:0;
width:235px;
height:315px;
display:none;
background:url(../jpg/realisateur/thumb.png) no-repeat;
margin-top:70px;
margin-left:700px;
display:block;
}

.panel {
padding-left:30px;
background:#fff;
border-top:1px solid #f19611;
width:920px;
}

.top {
display:block;
height:17px;
width:770px;
}

.middle * {
margin:0;
padding:0;
}

.middle {
display:table;
width:894px;
}
.bottom {
display:block;
height:17px;
width:770px;
}

.middle img {
float:left;
margin-right:0.6em;
margin-left:1em;
}

.middle h2 {
color:#f19611;
padding-bottom:0.2em;
padding-left:1.2em;
padding-right:1.2em;
text-align:justify;
}

.middle h2 span {
color:#f19611;
padding-left:0.2em;
font-size:0.9em;
text-align:justify;
}

.middle p {
color:#000000;
padding-left:1.6em;
padding-right:1.6em;
text-align:justify;
}

.body {
position:absolute;
width:950px;
display:block;
left:50%;
height:100%;
margin-left:-475px;
background:none;
}

#player .background {
background:#fff;
height:320px;
}

#player .player {
padding-left:25px;
position:absolute;
margin-top:-335px;
}

#synopsis .middle {
width:450px;
}

#synopsis #player {
margin-top:0px;
}

#contact_rezo {
padding:0.5em;
}

#contact_rezo .panel_li {
display: block;
}

#distribution {
display:inline-block;
width:104px;
height:27px;
background:url(../jpg/logos/distribution.jpg) no-repeat;
}

#production {
display:inline-block;
width:104px;
height:27px;
background:url(../jpg/logos/production.jpg) no-repeat;
}

#partenariat {
display:inline-block;
width:173px;
height:27px;
background:url(../jpg/logos/partenariat.jpg) no-repeat;
}

#galerie .panel,#realisateur #full .panel {
width:950px;
margin:0;
padding:0;
}

#galerie #text ul *, #full *,#postits #text ul * {
margin:0;
padding:0;
}

#first .middle {
width:670px;
}

#galerie #text h1 a,#postits #text h1 a {
display:block;
width:340px;
height:102px;
background:url(../jpg/galerie/btpost.jpg) no-repeat;
margin-left:610px;
position:absolute;
top:0;
margin-top:34px;
filter:alpha(opacity=80);
-moz-opacity:0.8;
opacity:0.8;
-khtml-opacity:0.8;
}

#galerie #text h1 a:hover,#postits #text h1 a:hover  {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
-khtml-opacity:1;
}

#postits #text h1 a {
background:url(../jpg/galerie/btphoto.jpg) no-repeat;
}