/* yui */ /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.6.0 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}body{text-align:center;}#ft{clear:both;}#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.25em;min-width:750px;}#doc2{width:73.076em;*width:71.25em;}#doc3{margin:auto 10px;width:auto;}#doc4{width:74.923em;*width:73.05em;}.yui-b{position:relative;}.yui-b{_position:static;}#yui-main .yui-b{position:static;}#yui-main,.yui-g .yui-u .yui-g{width:100%;}{width:100%;}.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}.yui-t2 #yui-main .yui-b{margin-left:14.8461em;*margin-left:14.55em;}.yui-t3 .yui-b{float:left;width:23.0769em;*width:22.50em;}.yui-t3 #yui-main .yui-b{margin-left:24.0769em;*margin-left:23.62em;}.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}.yui-t4 #yui-main .yui-b{margin-right:14.8456em;*margin-right:14.55em;}.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}.yui-t5 #yui-main .yui-b{margin-right:19.4615em;*margin-right:19.125em;}.yui-t6 .yui-b{float:right;width:23.0769em;*width:22.50em;}.yui-t6 #yui-main .yui-b{margin-right:24.0769em;*margin-right:23.62em;}.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}#yui-main .yui-b{float:none;width:auto;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}.yui-g div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first,.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-gc div.first div.first{float:left;}.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf{width:49.1%;}.yui-gb .yui-u,.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{width:32%;margin-left:1.99%;}.yui-gb .yui-u{*margin-left:1.9%;*width:31.9%;}.yui-gc div.first,.yui-gd .yui-u{width:66%;}.yui-gd div.first{width:32%;}.yui-ge div.first,.yui-gf .yui-u{width:74.2%;}.yui-ge .yui-u,.yui-gf div.first{width:24%;}.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first{margin-left:0;}.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}.yui-g .yui-g .yui-u{width:48.1%;}.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}.yui-g .yui-gc div.first,.yui-gd .yui-g{width:66%;}.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}.yui-g .yui-gb .yui-u{_margin-left:1.0%;}.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u{width:32%;_float:right;margin-right:0;_margin-left:0;}.yui-gb .yui-gc div.first{width:66%;*float:left;*margin-left:0;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u{margin:0;}.yui-gb .yui-gb .yui-u{_margin-left:.7%;}.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;} .yui-gb .yui-gd div.first{width:32%;}.yui-g .yui-gd div.first{_width:29.9%;}.yui-ge .yui-g{width:24%;}.yui-gf .yui-g{width:74.2%;}.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u{float:right;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first{float:left;}.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first{*width:24%;_width:20%;}.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}.yui-ge div.first .yui-gd .yui-u{width:65%;}.yui-ge div.first .yui-gd div.first{width:32%;}#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}
/* frontend */ html { background:#0b0300; } body { background:#0b0300 url(/images/frontend/hd_bg.jpg) no-repeat center top; } body.subpage { background:#0b0300 url(/images/frontend/hd_sub_bg.jpg) no-repeat center top; } .wrapper { background:url(/images/frontend/ft_bg.jpg) no-repeat center bottom; padding-bottom:148px; _padding-bottom:143px; } #custom-doc { width:964px; *width:966px; min-width:964px; margin:auto; text-align:left; } body.home #hd { _height:188px; min-height:188px; background:transparent url(/images/frontend/hd_top.png) no-repeat center bottom; *margin-left:2px; } body.subpage #hd { background:white url(/images/frontend/hd_sub_bg_top.jpg) no-repeat center top; *margin-left:2px; } /* common */ #bd { background:white url(/images/frontend/bd_bg_left.gif) repeat-y left top; *margin-left:2px; padding-bottom:16px; } /* Footer */ #ft { _margin-left:1px; } #ft .ft_bottom { background:url(/images/frontend/ft_bross_bottom.gif) no-repeat 1px top; height:29px; color:#0daeea; padding:10px 33px; line-height:34px; *background:url(/images/frontend/ft_bross_bottom.gif) no-repeat 2px top; } #ft .ft_bottom a { color:#5D5D5D; padding:0 10px; } #ft .ft_bottom a:hover { color:#000; } #ft .ft_bottom a.first { padding-left:0; } #ft .ft_body { background:url(/images/frontend/ft_bross_bg.gif) repeat left top; margin-left:1px; padding:20px 30px 0; *margin-left:2px; min-height:300px; _height:300px; } #ft .ft_body td { vertical-align:top; } #ft .ft_body td.column1 { width:250px } #ft .ft_body td.column2 { width:200px } #ft .ft_body ul { margin:5px 20px 15px 0; } #ft .ft_body ul.last { margin-right:0; } #ft .ft_body ul li { background:transparent url(/images/frontend/ft_bullet.gif) no-repeat scroll left 8px; line-height:20px; padding-left:7px; } #ft .ft_body ul li a { color:#5d5d5d; } #ft .ft_body ul li a:hover { color:#000; } #ft .ft_body h2 img { background:#5d5d5d; padding:5px 7px 2px; } /* Common */ .picto_link { background:url(/images/frontend/bd_picto_magnify.png) no-repeat left center; padding-left:15px; } .picto_link_2 { background:url(/images/frontend/bd_picto_magnify_2.gif) no-repeat left center; padding-left:15px; } a.picto_link_2, a:hover.picto_link_2, a:visited.picto_link_2, a:link.picto_link_2 { color:#ff7d00; } .btn_link a { color:#0daeea; font-family:'Arial Narrow', Arial, Helvetica, sans-serif; font-weight:bold; } .btn_link a:hover { color:#0c93c4; } .hr { background:url(/images/frontend/bd_rub_title_bg.gif) repeat-x left bottom; padding:0 17px 11px 11px; } .title_txt { float:left; } .home .btn_link a { float:right; margin:0 23px 0 0; line-height:34px; } .home .main_news .btn_link a { color:#fff; background:url(/images/frontend/bd_picto_magnify_2.png) no-repeat left center; line-height:34px; } .home .breves .btn_link a { color:#0DAEEA; background:url(/images/frontend/bd_picto_magnify.png) no-repeat left center; margin-right:38px; line-height:24px; } .home .blog_top .title_txt { float:left; } .home .blog_top .btn_link a { float:left; margin:0 0 0 10px; color:#fff; background:url(/images/frontend/bd_picto_magnify_2.png) no-repeat left center; line-height:31px; } .home .bd_portfolio .btn_link a { float:right; margin:7px 43px 1px 0px; color:#b4b4b4; background:url(/images/frontend/bd_picto_magnify_3.png) no-repeat left center; line-height:21px; } .mceContentBody { color:#6a6262; font-size:15px; width:538px; padding:16px 17px 0 9px; } /**Title*/ #bd .rub_title { padding:0 17px 4px 11px; } #bd .rub_title.h_endirect { left:-17px; position:absolute; top:0; background:url(/images/frontend/bd_endirect_btn_fx.png) no-repeat left top; padding-left:38px; width:562px; height:46px; } #bd .rub_subtitle { padding:0 0px 4px 11px; margin-bottom:17px; } #bd .rub_title .seeall { padding-top:15px; } #bd .rub_title.h_endirect .hr { background:url(/images/frontend/bd_rub_title_bg.gif) repeat-x left bottom; padding:4px 17px 7px 11px; } /** BOUTONS CUSTOM ********************/ .button_bar { text-align:right; float:right; } a.btn, button.btn { text-decoration:none; /*display:-moz-inline-box;*/ display:inline-block; margin:0px; padding:0; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; border:0; background:none; color:white; } a.btn span, button.btn span { text-decoration:none; display:block; height:16px; float:left; padding:0 0 0 8px; background:transparent url(/images/frontend/bd_bt_left.png) no-repeat top left; color:white; } a.btn span span, button.btn span span { text-decoration:none; padding:0 11px 0 0; height:16px; background:transparent url(/images/frontend/bd_bt_right_arrow.png) no-repeat right top; color:white; } a.btn span span span, button.btn span span span { height:16px; padding:0 3px 0 0; font:bold 10px Arial, Helvetica, sans-serif; text-decoration:none; line-height:16px; background:transparent url(/images/frontend/bd_bt_center.png) repeat-x top left; color:white; } button.btn_submit { text-decoration:none; /*display:-moz-inline-box;*/ display:block; margin:0px 0 0 -2px; padding:0; white-space:nowrap; vertical-align:middle; cursor:pointer; border:0; background:none; color:white; *margin:10px 0 0 0px; } button.btn_submit span { text-decoration:none; height:29px; float:left; padding:0 0 0 11px; background:transparent url(/images/frontend/bd_btn_submit_left.gif) no-repeat top left; color:white; } button.btn_submit span span { text-decoration:none; padding:0 11px 0 0; height:29px; background:transparent url(/images/frontend/bd_btn_submit_right.gif) no-repeat right top; color:white; } button.btn_submit span span span { height:29px; padding:0 14px; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; line-height:29px; background:#0daeea; color:white; } /** fin BOUTONS*/ /* Home */ /** Template home **/ .yui-gd div.first { width:246px; } .yui-gd .yui-u { width:718px; margin-left:0; } /** Template subpages **/ .yui-gc div.first { width:563px; padding:0 27px 0 20px; _padding:0 0 0 20px; position:relative; } .yui-gc .yui-u { margin-left:0; width:326px; padding-right:28px; _padding:0 20px 0 0; } #bd .main_news { height:653px; background:#181c1d url(/images/frontend/bd_main_news_content_bg.jpg) no-repeat center bottom; width:704px; } #bd .main_news.bottom { /*height:711px; _height:auto;*/ padding-bottom: 100px; _padding-bottom: 0; } #bd .main_news_content { padding:0 0 0 12px; height:275px; } #bd .main_news_content h2 img { padding:8px 0; } #bd .main_news_content ul li img { border:1px #232525 solid; } #bd .main_news_content ul li { width:210px; padding-right:20px; float:left; color:#fff; } #bd .main_news_content ul li.last { padding-right:0; } #bd .main_news_content ul li p { text-align:left; } #bd .main_news_content ul li h3, #bd .main_news_content ul li h3 a { font-weight:bold; color:#ff7d00; padding:4px 0 3px; text-decoration: none; } #bd .bd_portfolio { background:url(/images/frontend/bd_portfolio_bg.jpg) no-repeat top left; height:228px; padding-left:40px; } #bd .bd_portfolio ul li { width:270px; padding-right:36px; float:left; } #bd .bd_portfolio ul li img { border:5px #d3d3d3 solid; } #bd .bd_portfolio ul li h3 a { font-weight:bold; color:#716a6a; padding:4px 0 3px; } #bd .bd_portfolio ul li h3 { text-align:center; } #bd .bd_portfolio h2 img { padding:7px 0 1px 0; } .main_news .row1 { padding:0 0 24px 13px; background:#181c1d url(/images/frontend/bd_main_news_content_bg.jpg) no-repeat center bottom; } .main_news .row1 .ad_tit { padding:6px 0 7px; } .main_news .row1 .breves { width:335px; float:right; } .main_news .row1 .breves td { padding-top:7px; width:273px; height:51px; vertical-align:middle; padding:0 12px; } .main_news .row1 .breves td a { color:white; } .main_news .row1 .breves tr:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: .7; } .main_news .row1 .breves td.breves_bg1 { background:url(/images/frontend/bd_breves_bg1.jpg) no-repeat left center; } .main_news .row1 .breves td.breves_bg2 { background:url(/images/frontend/bd_breves_bg2.jpg) no-repeat left center; } .main_news .row1 .breves td.breves_bg3 { background:url(/images/frontend/bd_breves_bg3.jpg) no-repeat left center; } .main_news .row1 .breves td.breves_bg4 { background:url(/images/frontend/bd_breves_bg4.jpg) no-repeat left center; } .main_news .row1 .breves td.breves_bg5 { background:url(/images/frontend/bd_breves_bg5.jpg) no-repeat left center; } .main_news .row2 { width:673px; padding:0 18px 0 13px; vertical-align:top; } .main_news .row2 .blog_top { background: url(/images/frontend/bd_blog_top.png) no-repeat left top; padding:0 0 0 17px; } .main_news .row2 .blog_middle { background:url(/images/frontend/bd_blog_middle.png) repeat-y left top; padding:5px 10px 0 18px; } .main_news .row2 .blog_middle table { } .main_news .row2 .blog_middle td { padding:0 14px 17px 0; } .main_news .row2 .blog_middle .last td { padding:0 14px 10px 0; } .main_news .row2 .blog_middle td img { border:1px #032633 solid; margin-right:14px; } .main_news .row2 .blog_middle h3 { color:#0daeea; font-family: Trebuchet MS, verdana, arial; font-size:108%; font-weight:bold; } .main_news .row2 .blog_middle h3 a { color:#0daeea; } .main_news .row2 .blog_middle p { color:#FFF; font-size:93%; text-align:left; } .main_news .row2 .blog_middle p a { color:#FFF; } .main_news .row2 .blog_bottom { background: url(/images/frontend/bd_blog_bottom.png) no-repeat left top; } .main_news .row3 { vertical-align:bottom; padding:0 13px; } .main_news .row3 img { padding:0 30px; } .main_news .row3 a#reader_mails { width: 160px; } /* subpage */ /** right block **/ .main_right { width:326px; } .main_right .top { width:326px; height:11px; background: url(/images/frontend/bd_main_right_top.gif) no-repeat top left; _line-height:0; _font-size:0; } .main_right .bottom { width:326px; height:11px; background: url(/images/frontend/bd_main_right_bottom.gif) no-repeat top left; } .main_right .main_right_content { background:#262626; padding:0 14px; color:#cbcbcb; _padding:0 12px 0 14px; } .main_right .main_right_content a { color:#cbcbcb; } .main_right .main_right_content a:hover { color:#aaaaaa; } .main_right .main_right_content.nomargin { padding:0; } .main_right .main_right_content.nomargin h2 { padding-left:14px; } .main_right .main_right_content.nomargin h2 img { _padding-left:14px; } .main_right .main_right_content.nomargin .button_bar { padding-right:14px; } .main_right .main_right_content h2 { padding:0 0 8px 0; } .main_right .main_right_content .bloc_actu { padding:0 0 6px 0; } .main_right .main_right_content .bloc_actu li { float:left; width:140px; padding:0 18px 6px 0; } .main_right .main_right_content .bloc_actu li a { font-size:93%; } .main_right .main_right_content .bloc_actu li img { border:3px solid #404040; } .main_right .main_right_content .bloc_actu li.first { width:auto; padding-right:0; } .main_right .main_right_content .bloc_actu li.last { padding-right:0; } .main_right .main_right_content .bloc_dossiers { padding:0 0 6px 0; } .main_right .main_right_content .bloc_dossiers li { padding:0 0 10px 0; color:#cdcdcd; _margin-bottom:10px; } .main_right .main_right_content .bloc_dossiers li a { padding:0; color:#ff7d00; } .main_right .main_right_content .bloc_dossiers li a.img, .main_right .main_right_content .bloc_dossiers li h3, .main_right .main_right_content .bloc_dossiers li p { float:none; _float:left; } .main_right .main_right_content .bloc_dossiers li h3 { _width:190px; } .main_right .main_right_content .bloc_dossiers li p { font-size:93%; text-align:left; display:block; float:left; width:190px; } .main_right .main_right_content .bloc_dossiers li a:hover { color:#aaaaaa; } .main_right .main_right_content .bloc_dossiers li img { border:3px solid #404040; float:left; margin-right:10px; } .main_right .main_right_content .bloc_breves { padding:0 0 12px 0; } .main_right .main_right_content .bloc_breves ul { padding:0 0 6px 0; } .main_right .main_right_content .bloc_breves li { padding-left:22px; height:27px; line-height:27px; background:url(/images/frontend/bd_main_right_bullet.gif) no-repeat 15px 12px; } .main_right .main_right_content .bloc_breves li a { color:#cbcbcb; } .main_right .main_right_content .bloc_breves li:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: .7; } .main_right .main_right_content .bloc_breves li.odd { background-color:#3a3a3a; } .main_right .main_right_content .bloc_blog { padding:0 0 6px 0; } .main_right .main_right_content .bloc_blog td img { width:34px; margin-right:5px; border:1px solid #223e48; } .main_right .main_right_content .bloc_blog td { padding-bottom:13px; } .main_right .main_right_content .bloc_blog td a { color:#0daeea; font-size:77%; } .main_right .main_right_content .bloc_blog td a:hover { color:#aaaaaa; font-size:77%; } .main_right .main_right_content .bloc_etaussi { padding:0 0 0px 0; } .main_news .row3 a { width:147px; height:128px; float:left; margin:0 36px; } .main_news .row3 a:hover { background-position:left top; _background-position:left -128px; } .main_news .row3 a span { visibility:hidden; } .culture_fr a.btn_adecouvrir { background:url(/images/frontend/fr/bd_bt_adecouvrir.png) no-repeat left -128px; } .culture_en a.btn_adecouvrir { background:url(/images/frontend/en/bd_bt_adecouvrir.png) no-repeat left -128px; } a.btn_poserq { width:161px; height:128px; } .culture_fr a.btn_poserq { background:url(/images/frontend/fr/bd_bt_poserq.png) no-repeat left -128px; } .culture_en a.btn_poserq { background:url(/images/frontend/en/bd_bt_poserq.png) no-repeat left -128px; } a.btn_rss { width:147px; height:128px; } .culture_fr a.btn_rss { background:url(/images/frontend/fr/bd_bt_rss.png) no-repeat left -128px; } .culture_en a.btn_rss { background:url(/images/frontend/en/bd_bt_rss.png) no-repeat left -128px; } .row_buttons a { width:83px; height:69px; float:left; margin:0 6px; } .row_buttons a:hover { background-position:left 0px; _background-position:left 0px; } .row_buttons a span { visibility:hidden; } .culture_fr a.btn_adecouvrir_s { background:url(/images/frontend/fr/bd_bt_adecouvrir_small.png) no-repeat left -70px; } .culture_en a.btn_adecouvrir_s { background:url(/images/frontend/en/bd_bt_adecouvrir_small.png) no-repeat left -70px; } a.btn_poserq_s { width:86px; } .culture_fr a.btn_poserq_s { background:url(/images/frontend/fr/bd_bt_poserq_small.png) no-repeat left -70px; } .culture_en a.btn_poserq_s { background:url(/images/frontend/en/bd_bt_poserq_small.png) no-repeat left -70px; } .culture_fr a.btn_rss_s { background:url(/images/frontend/fr/bd_bt_rss_small.png) no-repeat left -70px; } .culture_en a.btn_rss_s { background:url(/images/frontend/en/bd_bt_rss_small.png) no-repeat left -70px; } /* knowmore */ .knowmore { padding-top:14px; } .knowmore a.archives, .knowmore button { background:transparent no-repeat left center; width:260px; height:48px; padding:31px 0 0 22px; color:#bfb6b6; font-size:12px; border:none; cursor:pointer; } .culture_fr .knowmore a.archives, .culture_fr .knowmore button { background-image:url(/images/frontend/fr/bd_bt_knowmore_bg.gif); } .culture_en .knowmore a.archives, .culture_en .knowmore button { background-image:url(/images/frontend/en/bd_bt_knowmore_bg.gif); } .knowmore a.archives, .knowmore button.archives { background:transparent no-repeat left center; width:260px; height:48px; padding:60px 0 0 90px; color:#bfb6b6; font-size:12px; border:none; cursor:pointer; display: block; } .culture_fr .knowmore a.archives, .culture_fr .knowmore button.archives { background-image:url(/images/frontend/fr/bd_bt_knowmore_archive_bg.gif); } .culture_en .knowmore a.archives, .culture_en .knowmore button.archives { background-image:url(/images/frontend/en/bd_bt_knowmore_archive_bg.gif); } .knowmore a.archives:hover, .knowmore button:hover { color:#35d4f1; } .knowmore a.archives:active, .knowmore button:active { color:#2babc2; } #bloc_knowmore { margin-left:-8px; padding-top:9px; display:none; } /*Common bloc_frame*/ .bloc_frame_top { padding:21px 0 0 27px; background:url(/images/frontend/bd_bloc_frame_top.gif) no-repeat left top; height:31px; } .bloc_frame_top h2 { padding-left:10px; color:#35d4f1; font-size:15px; font-weight:bold; } .bloc_frame_middle { background:url(/images/frontend/bd_bloc_frame_middle.gif) repeat-y left top; padding:0 28px 0 24px; zoom:1; } .bloc_frame_middle .content { background:#f6f6f6; padding:10px; font-size:108% } .bloc_frame_middle .content p, .bloc_frame_middle .content ul { display:block; } .bloc_frame_middle .content ul, .bloc_frame_middle .content li { list-style:disc; margin-left:10px; } .bloc_frame_bottom { background:url(/images/frontend/bd_bloc_frame_bottom.gif) no-repeat left bottom; height:25px; } /* Bloc Question */ #bloc_question { margin-left:-8px; padding-top:9px; } #bloc_question .bloc_frame_top h2 { padding-left:40px; color:#0daeea; font-size:15px; font-weight:bold; } #bloc_question .bloc_frame_middle .content { background:none; padding:10px; font-size:108%; } #bloc_question .bloc_frame_middle .content .data3 { width:100%; } #bloc_question .bloc_frame_middle .content .data3 th { width:50%; text-align:right; vertical-align:top; } #bloc_question .bloc_frame_middle .content .data3 td { width:50%; padding-bottom:12px; vertical-align:top; } #bloc_question .bloc_frame_middle .content .data3 label { color:#8f8f8f; } #bloc_question .bloc_frame_middle .content .data3 label.newsletter { color:#8f8f8f; font-size:11px; } #bloc_question .bloc_frame_middle .content .data3 label.newsletter input { margin-right:5px; } #bloc_question .bloc_frame_middle .content .data3 input.text { width:195px; border:1px solid #a7a6aa; color:#000; } #bloc_question .bloc_frame_middle .content .data3 select.text { width:195px; border:1px solid #a7a6aa; color:#000; _width:198px; } #bloc_question .bloc_frame_middle .content .data3 textarea { color:#000; margin-bottom:12px; width:285px; height:100px; border:1px solid #a7a6aa; } #bloc_question .bloc_frame_middle .content .note { color:#fb3878; font-size:12px; padding:0 3px; } #bloc_question .bloc_frame_middle .content .data3 .required { background:transparent url(/images/frontend/bd_bg_required.gif) no-repeat scroll 9px 5px; color:#FB3878; float:none; font-size:10px; line-height:16px; padding-left:20px; } #bloc_question .bloc_frame_middle .content p { padding-left:30px; } #bd .question_list { color:#6a6262; width:538px; padding:16px 17px 0 9px; } #bd .question_list p.bloc_txt { color:#6a6262; font-size:15px; line-height:22px; padding:12px 0 0 0; } #bd .question_list h2 { font-size:30px; color:#35d4f1; } #bd .question_list h3 { background:url(/images/frontend/bd_question_h3.gif) no-repeat left center; height:31px; line-height:49px; font-size:15px; color:#ababab; font-weight:bold; padding:0 0 18px 43px; _padding:0 0 0px 43px; } #bd .question_list dl { border-bottom:1px dotted #ababab; line-height:22px; font-size:14px; margin-bottom:12px; } #bd .question_list dl.last { border-bottom:none; } #bd .question_list dt { color:#0daeea; padding-bottom:6px; } #bd .question_list dt .author { color:#ababab; } #bd .question_list dd { color:#ababab; padding-bottom:16px; } /* Pager */ .pager { background:#f0f0f0; padding:0 10px; height:34px; line-height:34px; margin:14px 7px 0 -1px; } .pager .previous, .pager .next { width:133px; float:left; padding:0 15px; line-height:inherit; } .pager div.previous .active { background:url(/images/frontend/bd_arrow_previous_active.png) no-repeat left center; } .pager .previous .off { background:url(/images/frontend/bd_arrow_previous_off.png) no-repeat left center; } .pager .content { width:210px; float:left; text-align:center; color:inherit; } .pager .content a, .pager .content span { padding:5px; } .pager div.next .active { background:url(/images/frontend/bd_arrow_next_active.png) no-repeat right center; text-align:right; } .pager .next .off { background:url(/images/frontend/bd_arrow_next_off.png) no-repeat right center; text-align:right; } .pager, .pager a, .pager .content { color:#918b8b; } .pager a:hover { color:#383434; } .pager .active { color:#4fc1ec; } .pager .off, .pager .off a { color:#d9d7d7; } .pager .previous a, .pager .previous .off { padding-left:17px; } .pager .next a, .pager .next .off { padding-right:17px; } /* Article list */ #bd .article_list { color:#6a6262; width:538px; padding:16px 17px 0 9px; } #bd .article_list h2, #bd .article_list h2 a { font:normal 30px Georgia, "Times New Roman", Times, serif; color:#35d4f1; padding-bottom:12px; } #bd .article_list h2 a:hover { color:#31c4de; } #bd .article_list p { text-align:justify; } #bd .article_list p.bloc_txt { color:#6a6262; font-size:15px; line-height:22px; padding:12px 0 0 0; } #bd .article_list.blog p.bloc_txt { padding:0; } #bd .article_list .bloc_img.left { margin:0 30px 15px 0; } #bd .article_list .bloc_img.right { margin:0 0 15px 30px; } #bd .article_list .btn_link { text-align:right; padding:8px 0; margin-bottom:12px; } #bd .article_list .btn_link.last { margin-bottom:0; } /* Article list Multimedia */ #bd .article_mm_list { color:#6a6262; width:538px; padding:16px 17px 0 9px; } #bd .article_mm_list h3, #bd .article_mm_list h3 a { font-family: Arial, Helvetica, sans-serif; font-size:15px; color:#35d4f1; padding-bottom:6px; font-weight:bold; } #bd .article_mm_list h3 a:hover { color:#31c4de; } #bd .article_mm_list p { text-align:justify; } #bd .article_mm_list .bloc_img img { border:3px solid #d3d3d3; } #bd .article_mm_list .btn_link { text-align:right; padding:8px 0; margin-bottom:12px; } #bd .article_mm_list .btn_link.last { margin-bottom:0; } /* Portfolios*/ #bd .portfolios { color:#6a6262; font-size:15px; width:538px; padding:16px 17px 0 9px; } #bd .portfolios h2, #bd .portfolios h2 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; color:#ff7d00; padding-bottom:12px; } #bd .portfolios h2 a:hover { color:#cc6300; } #bd .portfolios h2 a:active, #bd .portfolios h2 a:visited, #bd .portfolios h2 a:link { color:#ff7d00; } #bd .portfolios p { text-align:justify; } #bd .portfolios p.bloc_txt { color:#6a6262; font-size:13px; font-weight:normal; line-height:16px; padding-bottom:12px; } #bd .portfolios .bloc_img { margin-bottom:5px; position:relative; padding:0; } #bd .portfolios .bloc_img .overlay { height:60px; left:238px; padding:0; position:absolute; top:120px; width:60px; } #bd .portfolios .btn_link { text-align:right; padding:8px 0; margin-bottom:12px; } #bd .portfolios .btn_link.last { margin-bottom:0; } /* Portfolios list */ #bd .portfolios .portfolio_list { } #bd .portfolios .portfolio_list li .img { float:left; } #bd .portfolios .portfolio_list li img { border:3px solid #d3d3d3; margin-right:15px; } #bd .portfolios .portfolio_list li { padding:0 0 30px 0; color:#cdcdcd; } #bd .portfolios .portfolio_list li p { font-size:11px; color:#262626; } #bd .portfolios .portfolio_list li h3 a:hover { color:#000; } #bd .portfolios .portfolio_list li h3 a { color:#ff7d00; } #bd .portfolios .portfolio_list li h3 { color:#ff7d00; font-size:12px; } #bd .leblog_archives_list { padding:0 14px; } #bd .leblog_archives_list h3.first { border:none; padding:0; } #bd .leblog_archives_list h3 { border-top:2px dotted #dddddd; padding:8px 0 0 0; font-size:20px; color:#0daeea; text-align:right; margin-top:9px; } #bd .leblog_archives_list h3 { } #bd .leblog_archives_list ul li { height:27px; font-size:14px; color:#aaaaaa; } #bd .leblog_archives_list ul li a { font-size:14px; color:#aaaaaa; } #bd .leblog_archives_list ul li a:hover { color:#5d5d5d; } /*enjoytv*/ #bd .enjoytv { width:829px; margin:0 auto; } #bd .enjoytv_top { height:10px; background:url(/images/frontend/bd_enjoytv_bloc_bg_top.gif) no-repeat left top; _line-height:1px; font-size:1px; } #bd .enjoytv_middle { background:url(/images/frontend/bd_enjoytv_bloc_bg_middle.gif) repeat-y left top; } #bd .enjoytv_middle .enjoytv_content { width:770px; margin:0 auto; border:4px solid white; margin:0 24px; } #bd .enjoytv_bottom { height:10px; background:url(/images/frontend/bd_enjoytv_bloc_bg_bottom.gif) no-repeat left top; } #bd .enjoytv .rubtitle { padding:0; } #bd .enjoytv .btn_left { width:400px; padding:7px 0 0 10px; float:left; } #bd .enjoytv .btn_right { width:340px; padding:18px 23px 0 0; float:right; } #bd .enjoytv .btn a { display:block; } #bd .enjoytv .btn a:hover { background-position:left top; } #bd .enjoytv .btn a span { visibility:hidden; } #bd .enjoytv .btn .btn_ipod { height:60px; width:348px; } .culture_fr #bd .enjoytv .btn .btn_ipod { background:url(/images/frontend/fr/bd_enjoytv_btn_ipod.gif) no-repeat left -60px; } .culture_en #bd .enjoytv .btn .btn_ipod { background:url(/images/frontend/en/bd_enjoytv_btn_ipod.gif) no-repeat left -60px; } #bd .enjoytv .btn .btn_hd { height:44px; width:391px; } .culture_fr #bd .enjoytv .btn .btn_hd { background:url(/images/frontend/fr/bd_enjoytv_btn_hd.gif) no-repeat left -44px; } .culture_en #bd .enjoytv .btn .btn_hd { background:url(/images/frontend/en/bd_enjoytv_btn_hd.gif) no-repeat left -44px; } #bd .enjoytv .btn .btn_itunes { background:url(/images/frontend/bd_enjoytv_btn_itunes.gif) no-repeat left -38px; height:38px; width:81px; } #bd .enjoytv .btn .btn_dailymotion { background:url(/images/frontend/bd_enjoytv_btn_dailymotion.gif) no-repeat left -38px; height:38px; width:130px; } #bd .enjoytv .btn .youtube { background:url(/images/frontend/bd_enjoytv_btn_youtube.gif) no-repeat left -38px; height:38px; width:91px; } #bd .enjoytv .title { padding:6px 24px; } #bd .enjoytv .title .img_right { padding:21px 0 0 0; float:right; } /*en direct*/ #bd .endirect { padding:66px 17px 0 14px; } #bd .endirect .mceContentBody { color:#6a6262; font-size:15px; width:auto; padding:0px; } #bd .endirect .encemoment_top { height:74px } .culture_fr #bd .endirect .encemoment_top { background:url(/images/frontend/fr/bd_endirect_moment_top.gif) no-repeat top left; } .culture_en #bd .endirect .encemoment_top { background:url(/images/frontend/en/bd_endirect_moment_top.gif) no-repeat top left; } #bd .endirect .encemoment_top h2 { visibility:hidden; } #bd .endirect .encemoment_middle { background:url(/images/frontend/bd_endirect_moment_middle.gif) repeat-y top left; width:271px; } #bd .endirect .encemoment_middle ul li { padding:19px 12px 18px; border-top:2px solid white; } #bd .endirect .encemoment_middle ul li h3 a { font-size:18px; font-weight:bold; color:#000; } #bd .endirect .encemoment_middle ul li p { font-size:14px; font-weight:bold; color:#FFF; padding-top:4px; } #bd .endirect .encemoment_bottom { background:url(/images/frontend/bd_endirect_moment_bottom.gif) no-repeat top left; height:20px } #bd .endirect .right { width:210px; } #bd .endirect .right img { margin-bottom:10px; } #bd .endirect h2 { color:#35d4f1; font-size:17px; font-weight:bold; padding:0 0 9px 14px; } #bd .endirect .sub { background-color:#f6f6f6; padding:14px; font-size:14px; color:#262626; margin-bottom:10px; } #bd .endirect p.intro { padding:0 0 9px 14px; font-size:14px; } #bd .endirect .bloc_img { text-align:center; } #bd .endirect .bloc_img img { text-align:center; margin-bottom:10px; } #bd .endirect .article { padding-top:14px; } #bd .endirect .article_first { padding-top:0; } #bd .endirect .note { color:#388895; font-size:12px; } #bd .endirect .intro .note { display:block; } #bd .endirect .sub a { color:#388895; font-family:Arial, Helvetica, sans-serif; font-size:11px; } #bd .endirect .sub .bloc_txt a { font-size:15px; } #bd .endirect .sub a:hover { color:#29626b; } #bd .endirect .sub .bottom { padding:10px 0 0 0; } #bd .endirect .sub img.thumb { margin-right:10px; } #bd .endirect .sub .bottom p { float:right; margin-top:-12px; } #bd .endirect .data1 th { width:220px; vertical-align:top; } #bd .endirect .data1 td { text-align:right; } #bd .endirect .data2 th { width:127px; color:#388895; font-size:14px; white-space:nowrap; vertical-align:top; } #bd .endirect .data2 td { font-size:14px; } #bd .endirect .data2 td .title { color:#388895; font-size:14px; font-weight:bold; } #bd .endirect .threeCol { margin-bottom:12px; } #bd .endirect .threeCol .column1 { width:132px; vertical-align:top; position:relative; } #bd .endirect .threeCol .row1 td { padding-bottom:9px; } #bd .endirect .threeCol .row2 td.column1 { background-color:#e3e1e1; color:#716a6a; padding:12px; font-size:12px; } #bd .endirect .threeCol .row2 td.column1 .bloc1 { color:#388895; padding-bottom:12px; } #bd .endirect .threeCol .row2 td.column1 h3 { font-size:15px; font-weight:bold; color:#388895; } #bd .endirect .threeCol .row2 td.column1 p { padding-bottom:12px; } #bd .endirect .endirect_soho .threeCol .row2 td.column1 p { padding-bottom:3px; } #bd .endirect .endirect_soho .threeCol .row2 td.column1 { padding-bottom:0px; } #bd .endirect .threeCol .column1 .overlay { position:relative; } #bd .endirect .threeCol .column1 .overlay img { position:absolute; left:63px; top:63px; } #bd .endirect .threeCol .row2 td.column1 a { color:#388895; font-family:Arial, Helvetica, sans-serif; } #bd .endirect .threeCol .row2 td.column1 a:hover { color:#29626b; } /* Vol habité MCE*/ .mceContentBody .vol_habite_encadre, .vol_habite_encadre { background-color:#f6f6f6; padding:14px; font-size:14px; color:#262626; margin-bottom:10px; } .mceContentBody .vol_habite_table3c .column1, .vol_habite_table3c .column1 { width:132px; vertical-align:top; position:relative; } .mceContentBody .vol_habite_table3c .row1 td, .vol_habite_table3c .row1 td { padding-bottom:9px; } .mceContentBody .vol_habite_table3c .row2 td.column1, .vol_habite_table3c .row2 td.column1 { background-color:#e3e1e1; color:#716a6a; padding:12px; font-size:12px; } .mceContentBody .vol_habite_table3c .row2 td.column1 .bloc1, .vol_habite_table3c .row2 td.column1 .bloc1 { color:#388895; padding-bottom:12px; } .mceContentBody .vol_habite_table3c .row2 td.column1 h3, .vol_habite_table3c .row2 td.column1 h3 { font-size:15px; font-weight:bold; color:#388895; } .mceContentBody .vol_habite_table3c .row2 td.column1 p, .vol_habite_table3c .row2 td.column1 p { padding-bottom:12px; text-align:left; } .mceContentBody .vol_habite_table3c .row2 td.column1 a, .vol_habite_table3c .row2 td.column1 a { color:#388895; font-family:Arial, Helvetica, sans-serif; } .mceContentBody .vol_habite_table3c .row2 td.column1 a:hover, .vol_habite_table3c .row2 td.column1 a:hover { color:#29626b; } /* En direct SOHO*/ #bd .endirect .endirect_soho p.bloc_txt { color:#6a6262; font-size:15px; line-height:22px; padding: 0 0 6px 0; } #bd .endirect .endirect_soho p.bloc_txt a { color:#0daeea; } #bd .endirect .endirect_soho p.bloc_txt a:hover { color:#0b8ab8; } #bd .endirect p.bloc_txt { color:#6a6262; font-size:15px; line-height:22px; padding: 0 0 6px 0; } #bd .endirect p.bloc_txt a { color:#0daeea; } #bd .endirect p.bloc_txt a:hover { color:#0b8ab8; } #bd .endirect.station { padding-left:0; } #bd .endirect.station .map { width:570px; margin-left:-4px; } #bd .endirect.station .map .map_top { background:url(/images/frontend/bd_endirect_map_top.jpg) no-repeat top left; width:570px; } #bd .endirect.station .map .map_middle { background:url(/images/frontend/bd_endirect_map_middle.jpg) repeat-y top left; padding:0 36px 0 30px; } #bd .endirect.station .map .map_middle_content { width:498px; border:3px solid #b9b9b9; overflow: auto; } #bd .endirect.station .map .map_bottom { background:url(/images/frontend/bd_endirect_map_bottom.jpg) no-repeat bottom left; height:28px; } /* Debut L'image du jour */ .box_img_day { width:240px; height:232px; background:transparent url(/images/frontend/bg_img_day.gif) no-repeat 0 0; clear:both; text-align:center; } .box_img_day img { border:4px solid #b2acac; margin:6px 0; } .box_img_day p, .box_img_day p a { font:bold 12px Arial, Helvetica, sans-serif; color:white; text-align: center; } .box_img_day p.box_img_day_title, .box_img_day p.box_img_day_title a { font-size:25px; padding-top:18px; } /* Fin L'image du jour */ table#postal_address { margin-top: 1em; width: 100%; } table#postal_address th { padding-bottom: 1em; } table#postal_address td { vertical-align: top; } div.addthis p { text-align: right !important; } .home .bd_portfolio .btn_link a { float:right; margin:7px 43px 1px 0px; color:#b4b4b4; background:url(/images/frontend/bd_picto_magnify_3.png) no-repeat left center; line-height:21px; } /* GENERAL */ a {text-decoration:none;} sup {font-size:smaller;vertical-align:super;} .left {float:left;} .right {float:right;} .block {display:block;} .pointer {cursor:pointer;} strong {font-weight:bold;} em {font-style:italic;} /* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {display:inline-block;} /* \*/ * html .clearfix {height:1%;} .clearfix {display:block;} /* Colors */ .col100 {color:#ffffff;} .col101 {color:#4e95a9;} .col102 {color:#736969;} .col103 {color:#222222;} .col104 {color:#906d2e;} .col105 {color:#c0a778;} .col106 {color:#8a8080;} .col107 {color:#ce8033;} .col108 {color:#bcb1a9;} .col109 {color:#84c7da;} .col110{color:#e3e1e1;} /* Background */ .bg100{background:#ffffff;} .bg103{background:#222222;} .bg105{background:#c0a778;} .bg106{background:#482912;} .bg110{background:#e3e1e1;} /*FONT SIZE*/ .fs10 { font-size:77%; } .fs11 { font-size:85%; } .fs12 { font-size:93%; } .fs13 { font-size:100%; } .fs14 { font-size:108%; } .fs15 { font-size:114%; } .fs16 { font-size:123.1%; } .fs17 { font-size:131%; } .fs18 { font-size:138.5%; } .fs19 { font-size:146.5%; } .fs20 { font-size:153.9%; } .fs21 { font-size:161.6%; } .fs22 { font-size:167%; } .fs23 { font-size:174%; } .fs24 { font-size:182%; } .fs25 { font-size:189%; } .fs26 { font-size:197%; } h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:30px; color:#35d4f1; } p { text-align:justify; } p .chapeau { color:#6a6262; font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-style:italic; text-align:left; } .legende { font-size:11px; display:block; padding-bottom:12px; line-height:22px; } .legende_droite { float:right; width:236px; padding-left:30px; font-size:11px; display:block; padding-bottom:12px; } .legende_droite img { display:block; } .image_legende_droite { float:right; width:236px; padding-left:30px; } h2 { padding-top:12px; font-weight:bold; } .credit_photo { color:#388895; } .bloc_txt { color:#6a6262; font-size:15px; line-height:22px; padding: 0 0 6px 0; } .bloc_txt .legende { line-height:22px; } .bloc_txt a { color:#0daeea; } .bloc_txt a:hover { color:#0b8ab8; } /*vol habité*/ .mceContentBody .vol_habite_encadre, .vol_habite_encadre { background-color:#f6f6f6; padding:14px; font-size:14px; color:#262626; margin-bottom:10px; } .mceContentBody .vol_habite_table3c .column1, .vol_habite_table3c .column1 { width:132px; vertical-align:top; position:relative; } .vol_habite_table3c .row1 td { padding-bottom:9px; } .vol_habite_table3c .row2 td.column1 { background-color:#e3e1e1; color:#716a6a; padding:12px; font-size:12px; } .vol_habite_table3c .row2 td.column1 .bloc1 { color:#388895; padding-bottom:12px; } .vol_habite_table3c .row2 td.column1 h3 { font-size:15px; font-weight:bold; color:#388895; } .vol_habite_table3c .row2 td.column1 p { padding-bottom:12px; text-align:left; } .vol_habite_table3c .row2 td.column1 a { color:#388895; font-family:Arial, Helvetica, sans-serif; } .vol_habite_table3c .row2 td.column1 a:hover { color:#29626b; }
/* lightbox */ /** * jQuery lightBox plugin * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/) * and adapted to me for use like a plugin from jQuery. * @name jquery-lightbox-0.5.css * @author Leandro Vieira Pinho - http://leandrovieira.com * @version (0.5) sensio * @date April 11, 2008 * @category jQuery plugin * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com) * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; text-align: left; background: transparent url(/images/frontend/lightbox-blank.gif) no-repeat left top; } #lightbox-nav-btnPrev span { display:block; margin-top: 15%; height: 34px; text-align: right; background: transparent url(/images/frontend/lightbox-btn-prev.png) no-repeat left bottom; _background-image: none; _width:42px; _filter: none; } #lightbox-nav-btnPrev.myhover span { background-position: left top; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/frontend/lightbox-btn-prev.png', sizingMethod='crop'); } #lightbox-nav-btnNext { right: 0; float: right; text-align: right; background: transparent url(/images/frontend/lightbox-blank.gif) no-repeat right top; } #lightbox-nav-btnNext span { display:block; margin-top: 15%; height: 34px; text-align: right; background: transparent url(/images/frontend/lightbox-btn-next.png) no-repeat right bottom; _background-image: none; _width:42px; _filter: none; } #lightbox-nav-btnNext.myhover span { background-position: right top; _background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/frontend/fr/lightbox-btn-next.png', sizingMethod='crop'); } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { display:block; position: absolute; right:-20px; top:-20px; }