/* blackpaquatte - version 1.0 par CCD-Design.com - Fˇvrier 2009 - Tous droits rˇservˇs */

html {
background: #000 url(images/fond.gif) repeat-y top center;
}

* {
margin:0;
padding:0;

}

p,li,td,dt,dd,h1,h2,h3,h4 {
font-size : 0.8em; 
font-family : "Trebuchet MS", Verdana, Arial, Helvetica, Geneva, sans-serif; 
}

p {
color : #dfdfdf; 
}

h1,h2,h3,h4 {
color : #977c7b; 
}

img {
border:0;
}

a {
color:#977c7b;
text-decoration:underline;
}

a:visited {
color:#fff;
text-decoration:underline;
}

a:hover {
color:#977c7b;
text-decoration:none;
}

acronym {
cursor:help;
border-bottom:1px dotted;
}

#resume, #footer {
width:928px;
padding:6px;
margin:0 auto 0 auto;
background:#000;
border-bottom:solid 1px #242424;
}

#footer {
border-top:solid 1px #242424;
clear:both;
}


#resume p, #footer p {
font-size:0.7em;
color:#9d9d9d;
}

#footer p {
text-align:center;
padding-bottom:2em;
}

#resume a, #footer a {
color:#755f5e;
}

#resume span {
margin-left:37em;
}

#resume span a {
padding-right:20px;
background:#000 url(images/ukflag.gif) no-repeat top right;
text-decoration: none;
color:#9d9d9d;
}

#resume span a:hover {
color:#755f5e;
}

.txt-niv2 {
margin:25px 250px 25px 25px;
}

.titre-niv2 {
margin:10px 25px;
font-size:1em;
}

.logo-mfh {
float:left;
}

/* Fonds de page ************************************************************/


#homepage, #comedien, #comedien2, #scenariste, #scenariste2, #actu, #contact {
width:940px;
min-height: 752px;
margin:0 auto 0 auto;
}


#homepage {
background: url(images/fond-homepage.jpg) no-repeat top right;
}

#comedien {
background: url(images/fond-comedien.jpg) no-repeat top right;
}

#comedien2 {
background: url(images/fond-comedien2.jpg) no-repeat top right;
}

#scenariste {
background: url(images/fond-scenariste.jpg) no-repeat top right;
}

#scenariste2 {
background: url(images/fond-scenariste2.jpg) no-repeat top right;
}

#actu {
background: url(images/fond-actu.jpg) no-repeat top right;
}

#contact {
background: url(images/fond-contact.jpg) no-repeat top right;
}



/* Fin fonds de page ********************************************************/

.txt-divers {
margin:15px 245px 0 35px;
}

.txt-divers2 {
margin:15px 245px 0 55px;
}

#txt-intro {
margin:0 245px 0 35px;
text-align:justify;
line-height:2em;
}

/* Menus *********************************************************************/


/* Menus principaux
---------------------------------------------------------------------------- */

#menu-interieur {
padding-top:75px;
width:940px;
height:45px;
}

#menu {
padding-top:135px;
width:940px;
height:65px;
}

#menu li, #menu-interieur li, #menu-comedien li, #menu-scenariste li {
display: inline;
float:left;
}

#menu li span, #menu-interieur li span, #menu-comedien li span, #menu-scenariste li span {
display:none;
}

#menu li p, #menu li a, #menu-interieur li p, #menu-interieur li a, #menu-comedien li p, #menu-comedien li a, #menu-scenariste li p, #menu-scenariste li a {
display:block;
padding:0;
}

#menu li p, #menu li a, #menu-interieur li p, #menu-interieur li a {
margin:0 0 0 25px;
}

#menu-comedien li p, #menu-comedien li a, #menu-scenariste li p, #menu-scenariste li a {
margin:0 0 0 10px;
}

.menu-accueil-select p {
width:61px;
height:25px;
background: url(images/menu-accueil-selected.gif) no-repeat top left;
}

.menu-accueil a {
width:61px;
height:25px;
background: url(images/menu-accueil.gif) no-repeat top left;
}

.menu-accueil a:hover {
background: url(images/menu-accueil-hover.gif) no-repeat top left;
}

.menu-actu-select p {
width:42px;
height:25px;
background: url(images/menu-actu-selected.gif) no-repeat top left;
}

.menu-actu a {
width:42px;
height:25px;
background: url(images/menu-actu.gif) no-repeat top left;
}

.menu-actu a:hover {
background: url(images/menu-actu-hover.gif) no-repeat top left;
}

.menu-comedien-select p {
width:89px;
height:25px;
background: url(images/menu-comedien-selected.gif) no-repeat top left;
}

.menu-comedien a {
width:89px;
height:25px;
background: url(images/menu-comedien.gif) no-repeat top left;
}

.menu-comedien a:hover {
background: url(images/menu-comedien-hover.gif) no-repeat top left;
}

.menu-scenariste-select p {
width:92px;
height:25px;
background: url(images/menu-scenariste-selected.gif) no-repeat top left;
}

.menu-scenariste a {
width:92px;
height:25px;
background: url(images/menu-scenariste.gif) no-repeat top left;
}

.menu-scenariste a:hover {
background: url(images/menu-scenariste-hover.gif) no-repeat top left;
}

.menu-contact-select p {
width:113px;
height:25px;
background: url(images/menu-contact-selected.gif) no-repeat top left;
}

.menu-contact a {
width:113px;
height:25px;
background: url(images/menu-contact.gif) no-repeat top left;
}

.menu-contact a:hover {
background: url(images/menu-contact-hover.gif) no-repeat top left;
}

/* Sous-Menus
---------------------------------------------------------------------------- */

#menu-comedien {
margin:15px 0 0 180px;
height:37px;
}

#menu-scenariste {
margin:15px 0 0 140px;
height:37px;
}

.menu-galerie a {
width:152px;
height:22px;
background: url(images/menu-galerie.gif) no-repeat top left;
}

.menu-galerie a:hover {
background: url(images/menu-galerie-hover.gif) no-repeat top left;
}

.menu-galerie-select p {
width:152px;
height:22px;
background: url(images/menu-galerie-selected.gif) no-repeat top left;
}

.menu-television a {
width:68px;
height:22px;
background: url(images/menu-television.gif) no-repeat top left;
}

.menu-television a:hover {
background: url(images/menu-television-hover.gif) no-repeat top left;
}

.menu-television-select p {
width:68px;
height:22px;
background: url(images/menu-television-selected.gif) no-repeat top left;
}

.menu-cinema a {
width:53px;
height:22px;
background: url(images/menu-cinema.gif) no-repeat top left;
}

.menu-cinema a:hover {
background: url(images/menu-cinema-hover.gif) no-repeat top left;
}

.menu-cinema-select p {
width:53px;
height:22px;
background: url(images/menu-cinema-selected.gif) no-repeat top left;
}

.menu-theatre a {
width:53px;
height:22px;
background: url(images/menu-theatre.gif) no-repeat top left;
}

.menu-theatre a:hover {
background: url(images/menu-theatre-hover.gif) no-repeat top left;
}

.menu-theatre-select p {
width:53px;
height:22px;
background: url(images/menu-theatre-selected.gif) no-repeat top left;
}

.menu-cafe a {
width:82px;
height:22px;
background: url(images/menu-cafe.gif) no-repeat top left;
}

.menu-cafe a:hover {
background: url(images/menu-cafe-hover.gif) no-repeat top left;
}

.menu-cafe-select p {
width:82px;
height:22px;
background: url(images/menu-cafe-selected.gif) no-repeat top left;
}

.menu-scenario a {
width:60px;
height:22px;
background: url(images/menu-scenario.gif) no-repeat top left;
}

.menu-scenario a:hover {
background: url(images/menu-scenario-hover.gif) no-repeat top left;
}

.menu-scenario-select p {
width:60px;
height:22px;
background: url(images/menu-scenario-selected.gif) no-repeat top left;
}

.menu-scene a {
width:91px;
height:22px;
background: url(images/menu-scene.gif) no-repeat top left;
}

.menu-scene a:hover {
background: url(images/menu-scene-hover.gif) no-repeat top left;
}

.menu-scene-select p {
width:91px;
height:22px;
background: url(images/menu-scene-selected.gif) no-repeat top left;
}

.menu-programmes a {
width:133px;
height:22px;
background: url(images/menu-programmes.gif) no-repeat top left;
}

.menu-programmes a:hover {
background: url(images/menu-programmes-hover.gif) no-repeat top left;
}

.menu-programmes-select p {
width:133px;
height:22px;
background: url(images/menu-programmes-selected.gif) no-repeat top left;
}

.menu-enfants a {
width:158px;
height:22px;
background: url(images/menu-enfants.gif) no-repeat top left;
}

.menu-enfants a:hover {
background: url(images/menu-enfants-hover.gif) no-repeat top left;
}

.menu-enfants-select p {
width:158px;
height:22px;
background: url(images/menu-enfants-selected.gif) no-repeat top left;
}


/* Fin Menu *****************************************************************/

/* Titres *******************************************************************/

#titre-bd span, #titre-actu span {
display:none;
}

/* Fin Titres ***************************************************************/

#hp-bande-demo {
margin:25px 0 0 35px!important;
margin:25px 0 0 18px;
float:left;
width:320px;
padding:0!important;
}

#hp-bande-demo p {
margin:10px;
text-align:center;
}

.download {
margin:10px 0!important;
padding-left:20px;
background: url(images/icone-dl.gif) no-repeat top left;
}

/* Actu ********************************************************************/

#hp-actu {
width:310px;
margin-top:25px;
margin-left:385px;
}

#hp-actu h2, #hp-actu h3 {
font-size:0.7em;
font-weight:normal;
color:#b69492;
}

#hp-actu h2 {
font-size:0.8em;
font-weight:bold;
color:#b69492;
}

#hp-actu h2:before {
content: "// ";
}

.hp-actu-lien {
text-align:right;
margin-bottom:1em;
}

.hp-actu-lien-all {
margin:1em 0;
text-align:center;
}

/* Fin Actu ****************************************************************/


#galerie-flash {
background: #000 url(images/fond.gif) repeat-y top center;
width:940px;
clear:both;
margin:0 auto 25px 0;
}

#inside-flash {
width:872px;
margin:0 auto 0 auto;
padding:25px 0 0 0;
}

.lien-galerie {
text-align:center;
padding:0.5em;
}

/* Rˇfˇrences ***************************************************************/

.reference {
margin:25px 250px 25px 25px;
clear:both;
}

.reference-full {
margin:25px;
clear:both;
}

.reference-full p {
font-weight: normal;
line-height: 175%;
}

.reference h2, .reference-full h2 {
font-size:1em;
color:#b69492;
}

.reference h2:before, .reference-full h2:before {
content: "// ";
color:#b69492;
}

.reference table, .reference-full table, .table-ref-full {
margin-top:25px;
border:solid 1px #4d4d4d;
padding:5px;
}

.reference table {
width:340px;
}

.reference-full table {
width:560px;
}

.table-ref-full {
width:340px;
}

.reference td, .reference-full td {
vertical-align: top;
color:#b69492;
padding:1px;
}

.reference em, .reference-full em {
color:#b69492;
}

.td-titre {
text-align:right;
color:#fff!important;
width:130px;
}

.ref-video {
display:block;
float:right;
width:320px;
height:240px
border:solid 1px #4d4d4d;
}

.ref-video p{
text-align: center;
}

.separateur {
width:100%;
height:10px;
border-bottom:dotted 1px #4d4d4d;
}

/* Fin Rˇfˇrences ***********************************************************/

#bande-demo, #galerie {
float:left;
border:solid 1px #474646;
height:700px;
margin-bottom:20px;
}


#galerie {
margin:0 12px;
}