/*================================================================================================================== //===( Copyright 2005 Atomprod - Author Alain Chalet & Patrice Bridoux )=== //================================================================================================================*/ .w2x-left { float:left; margin: 10px 10px 10px 0; } .w2x-right { float:right; margin: 10px 0 10px 10px; } .w2x-center { display:block; margin:0 auto; } html, body { padding:0;margin:0;border:0;height:100%;} html>body #main { height:auto;} body { text-align:center;font-size:12px;font-family:Arial,Helvetica,Sans-Serif;background:#000;height:99%;} #main { position:relative;top:0px;left:0px;margin:0 auto;width:760px;height:100%;min-height:100%;display:block;text-align:left; background:url(img/css/3/main.jpg) no-repeat 0 143px #fff;} html>#main { height:auto;} #block-1 { float:left;width:760px;position:relative;z-index:4;} * html #block-1 { display:inline;} #block-2 { float:left;width:0%;} #block-3 { display:none;} #wrapper { margin:14px 0;width:760px;} #main.p1 { background:#000;} #main.p1 #deco1 { width:56px;height:107px;display:block;position:absolute;top:140px;left:11px;z-index:200; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/css/3/p1_deco.png',sizingMethod='image');} #main.p1>#deco1 { background:url(img/css/3/p1_deco.png) no-repeat 0 0;filter:none;} #lkfilmo { padding: 0 0 0 50px;} #lkfilmo a { width:120px;height:32px;display:block;float:left;margin-right:10px;} #lkfilmo a:hover { background-position:0 -32px;} #lkfilmo .btlk1fr { background:url(img/css/3/long_metrage.gif) no-repeat 0 0;} #lkfilmo .btlk2fr { background:url(img/css/3/fiction_tv.gif) no-repeat 0 0;} #lkfilmo .btlk3fr { background:url(img/css/3/court_metrage.gif) no-repeat 0 0;} #lkfilmo .btlk4fr { background:url(img/css/3/documentaire.gif) no-repeat 0 0;} #lkfilmo .btlk5fr { background:url(img/css/3/clip.gif) no-repeat 0 0;width:67px;} #lkfilmo .btlk1en { background:url(img/css/3/feature_film.gif) no-repeat 0 0;} #lkfilmo .btlk2en { background:url(img/css/3/tv_drama.gif) no-repeat 0 0;} #lkfilmo .btlk3en { background:url(img/css/3/short_film.gif) no-repeat 0 0;} #lkfilmo .btlk4en { background:url(img/css/3/documentary.gif) no-repeat 0 0;} #lkfilmo .btlk5en { background:url(img/css/3/clip.gif) no-repeat 0 0;width:67px;} /* ==================================================================== ini / base -------------------------------------------------------------------- */ img { border:0;} a { color:#68748F;text-decoration:none;} a:visited { color:#000;} a:hover { color:#CB1313;text-decoration:underline;} .cleaner { clear:both;display:block;height:40px;line-height:0px;font-size:0px;border:none;padding:0px;margin:0px;} .nocss { display:none;} /* ==================================================================== header -------------------------------------------------------------------- */ #mh { display:block;height:143px;width:760px;background:url(img/css/3/mh.jpg) #C9C2C9;} #logo { position:absolute;top:28px;left:80px;z-index:900;display:block;cursor:pointer;} /* ==================================================================== menu accessibilité / menu langue -------------------------------------------------------------------- */ #ma { display:none;} /* ==================================================================== content -------------------------------------------------------------------- */ #ct { padding:0 20px 0 20px;width:720px;} /* ==== 1ere page --------------------------------------------------- */ #main.p1 #ct { padding:0;width:760px;} #main.p1 #ct p { padding:0;margin:0;width:760px;color:#A2A2A2;} #main.p1 #ct h1 { display:none;} #main.p1 #ct p.gg1 { width:84px;height:64px;display:block;background:url(img/css/3/guil_l.gif) no-repeat 0 0;position:absolute;top:10px;left:40px;} #main.p1 #ct p.gg2 { text-align:center;font-size:2em;width:600px;padding:40px 90px 30px 90px;background:url(img/css/3/guil_r.gif) no-repeat 630px 100%;position:relative;z-index:100;} /* ==================================================================== login -------------------------------------------------------------------- */ #lg { position:absolute;top:0px;right:10px;z-index:800;color:#000;font-size:10px;} #lg a { color:#68748F;} #lg a:visited { color:#000;} #lg a:hover { color:#776277;} /* ==================================================================== menu principal -------------------------------------------------------------------- */ #mp { position:absolute;top:111px;left:0px;z-index:600;display:block;height:auto;width:760px;padding:0 0 4px 0;} #menu-p { float:left;height:auto;float:left;display:block;position:relative;top:0px;left:50%;} #menu-p ul { float:left;list-style:none;margin:0;padding:0;position:relative;top:0px;left:-50%;} #menu-p li { float:left;position:relative;padding:0 15px;} #menu-p a { float:left;padding:6px 4px 10px 4px;text-decoration:none;color:#CCCCCC;} #menu-p a:hover { background:url(img/css/3/mp_a_ov.gif) repeat-x 0 80%;color:#fff;} /* --- width(ul et li) = width(a) + padding(left+right)(a) --- */ #menu-p ul ul { width:150px;height:auto;position:absolute;left:0px;z-index:10;top:100%;display:none; border:1px solid #000; border-top:1px solid #000;} #menu-p ul ul li { width:150px;height:auto;padding:0;position:relative;border:0;background:#000;} #menu-p ul ul a { width:134px;height:auto;padding:4px 8px 4px 8px;border:0;} #menu-p ul ul a:hover { background:#fff;color:#000;} #menu-p ul ul .mps { background:url(img/css/3/mps.gif) no-repeat 96% 50%;} #menu-p ul ul .mps:hover { background:url(img/css/3/mps_ov.gif) no-repeat 96% 50% #C84E31;} #menu-p ul ul ul { position:absolute;top:0px;left:150px;border:1px solid #000;} #menu-p ul ul ul ul { position:absolute;top:-1px;} #menu-p li:hover>ul { display:block; } /*--pour moz--*/ /* ==================================================================== menu secondaire -------------------------------------------------------------------- */ #ms { padding:20px 0 0 20px;width:140px;} #menu-s { width:140px;float:left;background:url(img/css/3/ms_1.gif) no-repeat #FFE2D8;} #menu-s ul { list-style:none;margin:0;padding:20px 0;float:left;background:url(img/css/3/ms_2.gif) no-repeat 0 100%;} #menu-s li { width:140px;height:auto;background:url(img/css/3/_.gif) repeat ;display:block;position:relative;top:0px;left:0px; float:left;text-align:left;} #menu-s a { width:88px;height:auto;background:url(img/css/3/ms_a.gif) no-repeat 0 50%; display:block;padding:4px 10px 4px 12px;margin:0 15px;text-decoration:underline;color:#000;} #menu-s a:hover { color:#8B1C13;} /* ==================================================================== footer -------------------------------------------------------------------- */ #clft { display:block;font:0/0;clear:both;} #ft { position:absolute;bottom:-1px;left:0px;color:#000;float:left;width:100%;font-size:10px;display:block;background:url(img/css/3/footer.jpg) no-repeat 0 8px;} #ft p { padding:16px 8px 0 8px;margin:0;text-align:center;} #ft p#ft-atm { height:34px;display:block;text-align:center;padding:0 8px;} #ft p#ft-atm a { color:#A2A2A2;padding:14px 0 6px 0;display:block;margin-right:6px;} #ft a { color:#5D4F4F;} #ft a:visited { color:#000;} #ft a:hover { color:#CB1313;text-decoration:underline;} #main.p1 #ft { background:url(img/css/3/footer1.jpg) no-repeat 0 8px;color:#A2A2A2;} #main.p1 #ft a { color:#A2A2A2;} #main.p1 #ft a:visited { color:#A2A2A2;} #main.p1 #ft a:hover { color:#fff;text-decoration:none;} /* ==================================================================== menu langue -------------------------------------------------------------------- */ #ml { position:absolute; top:72px; left:730px; z-index:900;} #ml a#fr { width:18px;height:11px;background:url(img/css/3/lg.png) no-repeat -18px 0;display:block;} #ml a#fr:hover { width:18px;height:11px;background:url(img/css/3/lg.png) no-repeat 0 0;display:block;} #ml span#fr { width:18px;height:11px;background:url(img/css/3/lg.png) no-repeat 0 0;display:block;} #ml a#en { width:18px;height:11px;background:url(img/css/3/lg.png) no-repeat -18px -11px;display:block;margin-top:6px;} #ml a#en:hover { width:18px;height:11px;background:url(img/css/3/lg.png) no-repeat 0 -11px;display:block;} #ml span#en { width:18px;height:11px;background:url(img/css/3/lg.png) no-repeat 0 -11px;display:block;margin-top:6px;} /* ==================================================================== menu style -------------------------------------------------------------------- */ #style { position:absolute;bottom:40px;right:42px;z-index:900;height:9px;display:block;float:left;} #style a { width:9px;height:9px;line-height:9px;display:block;border:1px solid #000;padding:0;margin:0 3px;float:left;} #style a:hover { border:1px solid #CB1313;} /* ==================================================================== Formulaire contact -------------------------------------------------------------------- */ #ct-form { margin:20px 0 4px 0;} #ct-form div { margin:0 0 6px 0;display:block;} #ct-form span { width:100px;display:block;float:left;padding:2px 0 0 4px;margin-right:8px;text-align:right;} #ct-form input { background:#F5F5F5;border:1px solid #000;width:260px;padding:3px;} #ct-form textarea { background:url(img/css/3/form.png) no-repeat right bottom #F5F5F5;border:1px solid #000;width:380px;padding:3px;} #ct-form button { cursor:pointer;} /* ==================================================================== player video -------------------------------------------------------------------- */ #hplayer { position:relative;margin-bottom:30px;display:block;width:720px;clear:both;} .player-bt6 { width:100%;height:31px;display:block;background:url(img/css/3/player_bt6.gif) repeat;} .player-bt1 { width:100%;height:31px;display:block;background:url(img/css/3/player_bt1.gif) no-repeat left;} .player-bt2 { width:100%;height:31px;display:block;background:url(img/css/3/player_bt2.jpg) no-repeat right;} .player-bt5 { width:auto;height:auto;display:block;background:url(img/css/3/player_bt5.gif) repeat-y;padding-left:33px;} .player-vid { } .player-bt7 { width:100%;height:auto;display:block;background:url(img/css/3/player_bt7.gif) repeat-y right;} .player-bt8 { width:100%;height:31px;display:block;background:url(img/css/3/player_bt8.gif) repeat;} .player-bt3 { width:100%;height:31px;display:block;background:url(img/css/3/player_bt3.jpg) no-repeat right;} .player-bt4 { width:100%;height:31px;display:block;background:url(img/css/3/player_bt4.gif) no-repeat left;} .player-dec1 { background:url(img/css/3/player_dec1.jpg) no-repeat top right;} .player-dec2 { background:url(img/css/3/player_dec2.gif) no-repeat bottom right;} .player-dec4 { width:100%;height:24px;display:block;background:url(img/css/3/player_dec4.gif) repeat-x;} .player-dec3 { width:100%;height:24px;display:block;background:url(img/css/3/player_dec3.gif) no-repeat left;} .player-dec5 { width:100%;height:24px;display:block;background:url(img/css/3/player_dec5.gif) no-repeat right;} .player-dec6 { width:100%;height:24px;display:block;background:url(img/css/3/player_dec6.jpg) no-repeat 50% top;} .vigfilm { display:block;margin:0 auto;clear:both;} .vigfilm div { padding:20px;text-align:center;float:left;} .vigfilm a { display:block;background:#5B5C61;border:4px solid #000;padding:1px;margin-bottom:3px;} .vigfilm a:hover { background:#fff;} .vigfilm img { display:block;background:#000;padding:4px;}