*{z-index:50}

#titre{font-size:9pt;font-weight:bold}
#titreOriginal{font-size:7pt}
#genre{font-size:7pt}
#synopsis{font-size:7pt}
#duree{font-size:7pt}
#divDeAvec, #divDeAvec *{font-size:7pt}
#divVideos, #divVideos *{font-size:7pt}
#divProjection, #divProjection *{font-size:7pt}
#lienPresse {font-size:7pt}
#lienPublic {font-size:7pt}

#imgAffichette{border-width:0}
#divAffichette{position:absolute;width:116px;height:154px;border:0px}
#divDetails{position:absolute}
#divMessage{position:absolute;width:116px;height:154px;text-align:center;padding:4px;overflow:auto;}
#divDate{position:absolute;font-size:9px;color:#FFCC00;white-space:nowrap;text-overflow:ellipsis}

.affichette{display:none;position:absolute;top:29px;left:7px;width:116px;height:154px;border:0px;cursor:hand}

/* --- différences suivant docked ou non --- */

.docked#divTitre{display:none}
/*.docked#divAffichette{top:29px;left:7px}*/
.docked#divSynopsis{display:none}
.docked#divGenreDuree{display:none}
.docked#divDeAvec{display:none}
.docked#divCritiques{display:none}
.docked#divVideos{display:none}
.docked#ctlToggleFlyout{display:inline}
.docked#motcle_{top:207px;left:7px;width:117px}
.docked#rub{top:228px;left:7px;width:97px}
.docked#submit{top:228px;left:106px;width:20px}
.docked#divDetails{display:none}
.docked#divMessage{top:29px;left:7px;display:none}
.docked#divDate{top:184px;left:7px;width:116px;height:14px;text-align:center}
.docked#wellDetails{top:96px;left:10px}
.docked#ctlToggleFlyout{display:block;top:98px;left:12px}
.docked#wellControls{top:160px;left:38px}
.docked#ctlPrev{top:162px;left:40px}
.docked#ctlTogglePause{top:162px;left:57px}
.docked#ctlNext{top:162px;left:74px}

.undocked#divTitre{display:block}
/*.undocked#divAffichette{display:block;top:29px;left:7px}*/
.undocked#divSynopsisynopsis{display:block}
.undocked#divGenreDuree{display:block}
.undocked#divDeAvec{display:block}
.undocked#divCritiques{display:block}
.undocked#divVideos{display:block}
.undocked#ctlToggleFlyout{display:none}
.undocked#motcle_{top:217px;left:7px;width:266px}
.undocked#rub{top:217px;left:276px;width:97px}
.undocked#submit{top:217px;left:375px;width:20px}
.undocked#divDetails{display:block;padding:4px;top:30px;left:128px;height:173px;width:264px;overflow:auto}
.undocked#divMessage{top:29px;left:7px;display:none}
.undocked#divDate{top:7px;left:141px;width:253px;height:13px;text-align:right}
.undocked#wellDetails{display:none}
.undocked#ctlToggleFlyout{display:none}
.undocked#wellControls{top:186px;left:38px}
.undocked#ctlPrev{top:188px;left:40px}
.undocked#ctlTogglePause{top:188px;left:57px}
.undocked#ctlNext{top:188px;left:74px}

/* --- contrôles --- */

.well{position:absolute;z-index:99}
.control{position:absolute;z-index:100;width:16px;height:16px}

#wellDetails{width:20px;height:20px;background-image:url(/images/controls/well-1.png)}
#wellControls{width:54px;height:20px;background-image:url(/images/controls/well-3.png)}

#ctlToggleFlyout.hidden{background-image:url(/images/controls/ctl-plus.png)}
#ctlToggleFlyout:hover.hidden{background-image:url(/images/controls/ctl-plus-hover.png)}
#ctlToggleFlyout.shown{background-image:url(/images/controls/ctl-minus.png)}
#ctlToggleFlyout:hover.shown{background-image:url(/images/controls/ctl-minus-hover.png)}

#ctlSearch{background-image:url(/images/controls/ctl-search.png)}
#ctlSearch:hover{background-image:url(/images/controls/ctl-search-hover.png)}

#ctlPrev{background-image:url(/images/controls/ctl-prev.png)}
#ctlPrev:hover{background-image:url(/images/controls/ctl-prev-hover.png)}

#ctlNext{background-image:url(/images/controls/ctl-next.png)}
#ctlNext:hover{background-image:url(/images/controls/ctl-next-hover.png)}

#ctlTogglePause.playing{background-image:url(/images/controls/ctl-pause.png)}
#ctlTogglePause:hover.playing{background-image:url(/images/controls/ctl-pause-hover.png)}
#ctlTogglePause.paused{background-image:url(/images/controls/ctl-play.png)}
#ctlTogglePause:hover.paused{background-image:url(/images/controls/ctl-play-hover.png)}

/* --- recherche --- */

#divRecherche * {font-size:9px}
#motcle_{position:absolute}
#rub{position:absolute}
#divRecherche .empty{color:gray}
#submit{position:absolute}

/* --- background --- */

background{position:absolute;z-index:-1}