/* neutraliser hacks special ie6 pour others */
#bgnav, #suite_horizon-shade {display:none;} 
/* neutraliser hack special ie7 pour others */
#bgspecialie {display:none;}

input { font-size:1em; margin:0px; padding:0px; opacity:0.85;}

html, body { margin:0px; padding:0px;}

body { font:normal 76% verdana,tahoma,arial,"sans serif"; color:#000;}

h1,h2,h3,h4,h5 { font-size:1em; margin:0px; padding:0px;}

hr { display:none;}

#wn, #content, #container { position:relative;}

#top-strip, #top-strip-dark, #top-strip-light { position:absolute; left:0px; top:0px; width:100%;}

#top-strip { background:#ddd;}

#container { margin:0px auto;}

#header { position:relative; background:#fff; border-left:1px solid #ccc; border-right:1px solid #ccc;}

#page-content { border-left:1px solid #ccc; border-right:1px solid #ccc;}

#top-highlight { position:absolute; left:0px; top:0px;
 background:transparent url(image/top-highlight.png) 0px 0px repeat-x;}

.lampeMaxi #top-highlight { position:absolute; left:0px; top:0px; height:50px;
 background:transparent url(image/top-highlight.png) 0px 0px repeat-x;}

#sky { position:absolute; left:0px; top:0px; opacity:0.33; filter:alpha(opacity=33); overflow:hidden;}

#logo, #logo h1, #logo h1 a, #logo .dark { height:30px;}

#logo h1, #logo .dark { width:150px;}

#logo { position:absolute; left:22px; top:0px; overflow:hidden; z-index:20; background:transparent url(image/immo-forum2_tr2.png) 0px 0px no-repeat;}

#logo h1 a { display:none; text-indent:-9999em; }

#logo .dark { position:absolute; left:0px; top:0px;
 background:transparent url(image/immo-forum_dark_tr.png) 0px 0px no-repeat; opacity:0;}
 
#sky-shade-light, #sky-shade-dark { position:absolute; top:4px; background-position:0px 0px; 
background-repeat:none; opacity:0; display:block; *display:none;}
/* *display:none: IE 7 can't render PNG + JS-assigned opacity? */

#backdrop { position:absolute; bottom:auto; top:0px; background:url('image/bg-morillon.jpg') none 0px 0px;
display:block; margin-top:1px; background-repeat:repeat}

body.morillon #backdrop { background:url('image/bg-morillon.jpg') no-repeat bottom left;}

#stars { position:absolute; left:0px; top:0px; opacity:0; *opacity:1; display:none;}
/*  *opacity:1; IE 7 even sucks with PNGs and opacity? */

body.morillon #stars { background:transparent url(image/stars-24bit.png) 0px 0px no-repeat; display:block;}

#sky-shade-light { display:block; opacity:1; filter:alpha(opacity=1);}

#top-strip-light, #top-strip-dark { *display:none;}

body.mooncomputer #top-strip-light, body.mooncomputer #top-strip-dark { display:block;}

#horizon { position:absolute; bottom:0px; overflow:hidden;}

#horizon .car { position:absolute; bottom:0px;}

.car .headlights { position:absolute; bottom:0px; right:1px;}

#horizon-shade { background:transparent url(image/horizon-shade.png) 0px 0px no-repeat;}

#nav-bg-light, #nav-bg-dark { position:absolute; overflow:hidden; bottom:0px;}

#nav {position:absolute; overflow:hidden; left:0px; margin-left:-1px; bottom:0px; top:13px; zoom:1;}

#nav li { position:relative; float:left; display:inline;}

#nav li li { float:none; display:block;}

body.hasjs #nav, body.hasjs #nav ul li a { color:#666;}

#slow {filter:alpha(opacity=55)}

#slow:hover {filter:alpha(opacity=100)}

#nav.disabled:hover { opacity:1;}

#nav dl, #nav dt { margin:0px; padding:0px;}

#nav li li { clear:both;}

#nav dt { position:relative; float:left; display:inline;}

#nav ul.top { margin-right:16px; position:absolute; z-index:88;}

#nav ul.top li li { margin-left:10px; margin-right:10px;}

#nav ul { list-style-type:none;}

#nav ul, #nav ul li { margin:0px; padding:0px;}

#nav ul li a { display:inline; font-size:x-small; font-size:0.9em; text-decoration:none; line-height:1.5em; padding:0.25em 0px;}

#nav ul li a:hover { color:#000;}

#nav ul li ul li a { display:block; padding:0.4em 0px;}

/*  //////////  image introuvable */
/* #nav ul li ul li a:active { background:transparent url(image/slash.png) !important;} */

#nav ul li ul li a:focus, #nav ul li ul li a:active { outline:none;}

#nav dd { padding:0px; position:fixed; left:50%; padding:4px; display:none; line-height:1.5em; text-indent:2.5em;
 background:transparent url(image/matrice_bblanc100.png); font-size:xx-small; border:1px solid #999;
 color:#000; font-weight:normal; opacity:1; z-index:10;}

#nav.scrolled dd, #nav.dark.scrolled dd, #nav.light.scrolled dd { top:2px; background:transparent url(image/black-50.png); color:#fff;}

#nav.dark dd { background:transparent url(image/matrice_dnoir85.png) no-repeat 50% 50%;
 border:1px solid #666; color:#fff;}

body.hasjs #nav dd { border:none !important; opacity:1;}

#nav.dark dt a { background:transparent url(image/lineitem-alt-black.png) left bottom no-repeat;}

#nav dt a, #nav.light dt a { background:transparent url(image/lineitem-alt-white.png) left bottom no-repeat; text-indent:3px;}

body.slow #nav dt a { background:transparent;}

#nav dt:hover + dd { display:block;}

#nav ul li h2 { font-weight:normal; font-size:1.25em; line-height:25px; padding-bottom:5px; margin:0px;
 padding-left:0.5em; padding-right:0.5em; margin-right:1em !important; margin-bottom:-0.3em !important;}

#nav ul li h2, #nav ul li h3, #nav ul li p { cursor:default;}

#nav>ul>li h2 span:first-child { display:none;}

#nav>ul>li h2 span { opacity:0.75;}

#nav>ul>li:hover h2 span { display:inline; opacity:0.5;font-weight:bold;}

#nav>ul>li:hover h2 { padding-right:0.4em !important; margin-right:-0.4em !important;}

html.isFirefox #nav>ul>li:hover h2 { margin-right:-0.35em !important;}

#nav ul li h2:hover, #nav ul>li:hover h2 { opacity:1; background:transparent url(image/white-65.png); border-bottom:1px solid #fff;}

#nav.dark ul li h2:hover, #nav.dark ul>li:hover h2 { opacity:1;
 background:transparent url(image/black-65.png); border-bottom:1px solid #fff;}

body.hasjs #nav ul li h2, body.hasjs #nav ul li h2:hover, body.hasjs #nav ul>li:hover h2 { border-bottom:none;}

#nav ul.top li h2 { margin-top:0px;}

#nav ul li h3, #nav ul li span h3 { font-size:1.2em; padding:1em 0px 0px 0px;}

#nav ul li span{ padding:1em 0px 0px 0px; }

#nav.dark ul li h3 { background:transparent url(image/lineitem-alt-black-right.png) right bottom no-repeat;}

#nav.light ul li h3 { background:transparent url(image/lineitem-alt-black-right.png) right bottom no-repeat;}

body.slow #nav ul li h3 { background:transparent;}

#nav ul li h3 a { font-size:1.3em;}

#nav p { font-size:x-small; margin-top:0px; padding-top:1em; padding-bottom:0em; margin-bottom:0px;}

#nav li:first-child p { padding-top:0.5em;}

body.hasjs #nav ul li li a:hover { margin-top:-1px; padding-top:0.51em;}

body.hasjs #nav ul li li dt:first-child a:hover { margin-top:0px; padding-top:0.4em;}

body.hasjs #nav ul li li a:hover, body.hasjs #nav ul li li a:focus {
 background:transparent url(image/highlight-black-10.png) repeat-y;}

body.hasjs #nav.dark ul li li a:hover, body.hasjs #nav.dark ul li li a:focus {
 background:transparent url(image/highlight-white-10.png) repeat-y;}

body.hasjs #nav ul li li a:focus { text-indent:6px;}

#nav ul li p, #nav ul li dt {line-height:1.3em; text-align:justify;}

body.slow #top-strip-dark, body.slow #top-strip-light, body.slow #stars, body.slow #sky-shade-light,
body.slow #sky-shade-dark, body.slow #streetlight-halo { opacity:1; display:none;}

body.slow { background:#fff !important;}

#swim, #relax, #freestyl, #warmup, #cheminee { position:absolute; display:none; }

body.vuePiscine #swim { background:transparent url(anim_swim/swimmer_man_floating_in_water.gif) no-repeat 0px 0px;
 display:block; opacity:0.85; filter:alpha(opacity=85);}

body.vuePiscine #relax { background:transparent url(anim_swim/tubby_tuber_relaxing_2.gif) no-repeat 0px 0px;
 display:block; opacity:0.65; filter:alpha(opacity=65);}

body.vuePiscine #freestyl { background:transparent url(anim_swim/medium_Freestyle_swimmin.gif) no-repeat 0px 0px;
 display:block; opacity:0.65; filter:alpha(opacity=65);}

body.vuePiscine #warmup { background:transparent url(anim_swim/female_swimmer_warm.gif) no-repeat 0px 0px;
 display:block; opacity:0.85; filter:alpha(opacity=65);}

body.vueIntcheminee #cheminee { background:transparent url(anim_swim/fire_animated-anim1.gif) no-repeat 0px 0px;
 display:block; opacity:0.95; filter:alpha(opacity=95);}

#content, #content.light { background-image:url(image/neige-014b_1600-2000_tr65.png);
 background-position:50% 0%; background-repeat:repeat-y;}

#content.light {background-repeat: no-repeat;}

#content.dark { background-image:url(image/content-bg-grill-black.png); 
background-image:url(bg/starfield_1600_2-light.png); background-position:50% 0%; background-repeat:repeat-y;}

#wn.rouge #content.dark { background-image:url(image/content-bg-grill-black.png);
 background-image:url(bg/dia1PNG24.png); background-position:50% 0%; background-repeat:repeat-y;}

#wn.stars #content.dark { background-image:url(image/content-bg-grill-black.png);
 background-image:url(image/stars.png); background-position:50% 0%; background-repeat:repeat-y;}

#wn.standard #content, #wn.swim #content, #wn.standard #content.light, #wn.swim #content.light {
 background-image:url(image/content-bg-grill-white.png); background-image:url(image/content-bg-black.png);
 background-image:url(image/content-bg-grill-bai-light.png); background-position:50% 0%;
 background-repeat:repeat-y;}

#wn.standard #content.dark, #wn.swim #content.dark { background-image:url(image/content-bg-grill-black.png);
 background-image:url(image/content-bg-white.png); background-image:url(image/content-bg-grill-bai-dark.png);
 background-position:50% 0%; background-repeat:repeat-y;}

#nav h1, #nav h2, #col1 h1, #col1 h2, #col1 h3, #col1 h4, dl.album dt { margin:0px; padding:0px;
 font-family:"Arial Rounded MT Bold","Century Gothic","Helvetica Neue Light","Helvetica Neue",georgia,"times new roman",helvetica,verdana,tahoma,arial,"sans serif";
 font-weight:normal;}

#col1 h1 { font-size:2em; line-height:1em; margin-bottom:0px; letter-spacing:-1px; font-weight:bold;}

#col1 h1 img.icon { display:none;}

#col1 code { font-family:"lucida console",monaco,terminal,system; _font-size:105%; opacity:0.65;}

#col1 { line-height:1.8em; margin:0px; margin-top:-82px; padding:12px 24px 16px 24px;}

#content.dark #col1, #content.light #col1 { background-image:url(image/white-5.png);}

body.fast h1, body.fast h2, body.fast h3, body.fast h4, body.fast .hx { text-shadow:-1px -1px 3px #ccc;}

body.fast .dark h1, body.fast .dark h2, body.fast .dark h3, body.fast .dark h4, body.fast .dark .hx {
 text-shadow:-1px -1px 3px #333;}

#col1 h2, #col1 h3 { margin-top:1.5em;}

#col1 h2, #col1 h3, dl.album dt { padding-bottom:0.15em; background:transparent url(image/lineitem-alt-black.png) no-repeat left bottom;}

#col1 h4 { margin-top:1.25em;}

body #content #col1 #col2 h2 { background:transparent;}

#col1 #col2 h3 { padding-bottom:0.45em;}

#col1 h2, #col1 h3, #col1 h4 { line-height:auto; margin-bottom:0px;}

#col1 h2 { font-size:1.8em;}

#col1 h3 { font-size:1.4em;}

#col1 h4 { font-size:1.2em;}

#col1 h1 + p, #col1 h2 + p, #col1 h3 + p, #col1 h4 + p { margin-top:0.5em;}

#col1 .copy { margin-top:1em;}

#col1 a img { border:none;}

#col1 .imageFloatRight div.image { float:right; display:inline; margin-left:2em;}

#col1 .imageFloat div.image { float:left; display:inline; margin-right:2em;}

#col1 .imageFloat span, #col1 .imageFloatRight span { display:block;}

#col1 div.image.png a { float:none; margin-right:0px;}

#col1 div.image.png img { margin:5px 0px 10px 6px;}

#col1 strong { font-weight:normal; font-style:italic;}

#col1 .footnote { font-size:0.9em; font-style:italic;}

#col1 p { margin-top:1.5em; font-size:1.3em; text-align:justify;}

body.moon-computer #col1 ul, body.moon-computer #col1 p, body.moon-computer #col1 dl { opacity:0.85;}

body.moon-computer #col1 #col2 ul, body.moon-computer #col1 #col2 p, body.moon-computer #col1 #col2 dl { opacity:1;}

#col1 .note { font-size:0.9em; font-style:italic;}

#slider { position:absolute; left:-6px; width:16px; height:256px; z-index:1;}

#slider.disabled { z-index:0;}

#sliderbg { width:20px; height:254px; overflow:hidden;}

#sliderbg, #sliderthumb { position:relative;}

#sliderlegend { position:absolute; left:6px; top:0px; width:16px; height:260px;
 background:transparent url(image/slider-legend1.png) no-repeat -20px 8px;}

#sliderthumb {z-index:100; width:20px; height:16px; background:transparent url(image/knob_orange.png) no-repeat 0px 0px;
 cursor:n-resize; cursor:grab; cursor:-moz-grab; *cursor:pointer;}

#slider.active #sliderthumb,#sliderthumb.active { cursor:n-resize; cursor:-moz-grabbing; *cursor:pointer;}

#slider.active #sliderthumb, #sliderthumb:hover { background:transparent url(image/knob_blue.png) no-repeat 0px 0px;}

body.fast #col1 a{ opacity:0.85;}

#col1 a, #content.light #col1 a { color:#333399;}

#content.light #col1 a:hover, #content.light #col1 h2 { color:#cc0000;}

#content.dark #col1 a { color:#ccc;}

#content.dark #col1 a:hover, #content.dark #col1 h2 { color:#99ff66;}

body.slow #content #col1 a, body.slow #content #col1 #col2 a { color:#333399;}

body.slow #content #col1 a:hover, body.slow #content #col1 #col2 a:hover { color:#cc0000;}

#col1 .content a:visited { opacity:0.5 !important;}

#col1 .imageFloatRight div.image { float:right; display:inline; margin-left:2em;}

#col1 .imageFloat div.image { float:left; display:inline; margin-right:2em;}

#col1 .imageFloat span, #col1 .imageFloatRight span { display:block;}

#col1 div.image.png { width:204px; background:transparent url(image/image_shadow_2005.png) no-repeat 0px 0px; 
font-size:x-small; letter-spacing:-0.75px; line-height:1.3em; padding-bottom:1em;}

#col1 div.image.png a { float:none; margin-right:0px;}

#col1 div.image.png img { margin:5px 0px 10px 6px;}

body #col2 { display:none !important;}

body.hasjs #col2 { display:inline !important;}

#col1 #col2 { display:none; position:relative; float:right; display:inline; width:248px; margin-left:24px; line-height:1em; 
margin-right:-16px; margin-top:-14px; background:transparent url(image/black-15.png) -127px 0px repeat-y; padding-left:1px; margin-bottom:0.5em;}

body.hasjs #col1 #col2 { display:block;}

#col2-content { position:relative; width:228px; padding-left:15px; padding-top:14px; padding-right:13px;}

#col2-content, #col2.dark #col2-content { background:transparent url(image/black-10.png);}

#col1 #col2.dark { background:transparent url(image/white-15.png) -127px 0px repeat-y;}

#col1 #col2.light #col2-content { background:transparent url(image/black-5.png);}

body.slow #col2-content { background:transparent url(image/white-15.png) -127px 0px repeat-y !important;}

#col2 .clear { clear:both; height:1px; overflow:hidden;}

#col2 h2 { font-size:1.85em; margin-top:0px; margin-bottom:0.5em; padding-top:0.25em !important; 
padding-top:0px; letter-spacing:-0.5px;}

#col2 h1, #col2 h3, #col2 h4 { font-family:verdana,tahoma,arial,"sans serif"; font-size:x-small;}

#col2 h3 { font-weight:bold;}

#col2 h3 span { display:block; font-weight:normal; opacity:0.75;}

#col2 h3 span.opt { display:none;}

#col2 ul { list-style-type:none;}

#col1 ul { margin:0px; padding:0px; margin-bottom:1em; padding-left:1.25em;}

#col2 ul { margin:0px; padding:0px; margin-top:0.5em;}

#col2 .item ul { margin-top:0.75em;}

#col2 .item ul.list li, #col2.dark .item ul.list li {
 background:transparent url(image/lineitem-alt-black.png) bottom left no-repeat;}

#col2 ul.thumbs li { position:relative; float:left; display:inline; 
margin-right:3px; width:54px; height:49px;}

#col2 ul.thumbs li a, #col2.light ul.thumbs li a, #col2 ul.thumbs li a { position:relative;
display:block; height:44px; overflow:hidden; 
background:transparent url(image/black-5.png) no-repeat 0px 0px; padding:1px;}

#col2.light ul.thumbs li a img, #col2 ul.thumbs li a img { width:48px; height:40px;
 background:transparent url(image/white-5.png) no-repeat 0px 0px; padding:2px;}

#col2 ul.thumbs li a:hover, #col2.light ul.thumbs li a:hover { background-image:url(image/black-15.png);}

#col2.dark ul.thumbs li a { background-image:url(image/white-8.png);}

#col2.dark ul.thumbs li a img { background-image:url(image/black-8.png);}

#col2.dark ul.thumbs li a:hover { background-image:url(image/white-15.png);}

#col2 .cta { margin:0px; padding:0px; text-align:right; font-size:x-small;}

#col2 .item { clear:both; margin-top:0px;}

#content #col2 .item ul.list li:last-child { background-image:none;}

#col2 .item:last-child { padding-bottom:0.5em;}

#col2 .divider { opacity:0.5;}

#col2 .item .note { opacity:0.5; font-size:x-small;}

#col2 .stub { margin-bottom:-1px; height:2px;
 background:transparent url(image/lineitem-alt-black.png) no-repeat right top; overflow:hidden;}

#col2.dark .stub { background:transparent url(image/lineitem-alt-white.png) no-repeat right top;}

#speed-controls { position:absolute; left:2px; top:2px; margin-top:1px;
 z-index:100; font-size:xx-small;}

#speed-controls, #slider { display:none;}

body.hasjs #speed-controls, body.hasjs #slider { display:block;}

#speed { opacity:0.45;}

#speed span { display:none; opacity:0.9; color:#000; background:#fff; border:1px solid #333; padding:2px;}

#speed:hover { opacity:1;}

#speed:hover span { display:inline;}

#meaningless { position:absolute; left:-999em; top:-999em; width:1px;
 height:1px; display:block; overflow:hidden;}

.sm2playlist { width:378px !important;}

#nav { top:0px; left:0px; margin-top:0px; padding-left:165px;}

#nav .stub { position:absolute; left:1px; top:0px; height:2.15em;}
 
body.hasjs #stub { background:transparent url(image/white-50.png) 0px 0px repeat-x;}

#nav.dark .stub { background:transparent url(image/black-50.png) 0px 0px repeat-x;}

#nav dt { float:none; display:block; width:auto;}

#nav>ul>li { height:2em;}

#nav ul li h2 { height:1.4em;}

#nav ul li li h2 { width:auto;}

#nav ul li h3 { font-size:1em; font-weight:bold; margin:0px; padding:0px; padding:0.75em 0px 0.25em 0px;}

#nav li ul ul { position:relative; left:auto; top:auto; width:auto;}

#nav ul li ul { display:none;}

#nav ul li h2 { opacity:0.75;}

#nav ul li h2:hover { opacity:1;}

#nav ul li ul { position:absolute; left:1px; display:none; top:2.1em; max-height:250px; border:1px solid #ccc;
 border-top:1px solid #bbb; overflow:auto; scroll-x:hidden;
 background:transparent url(image/white-50.png); background:transparent url(image/white-65.png);}

#nav.dark ul li ul { background:transparent url(image/black-50.png); background:transparent url(image/black-65.png);}

body.hasjs #nav ul li ul { background-color:transparent;}

#nav ul li h2:hover+ul, #nav ul li ul:hover { display:block !important;}

#nav ul li ul { margin-left:-1px; !important;}

body.hasjs #nav ul li ul, body.hasjs #nav ul li h2:hover+ul, body.hasjs #nav ul li ul:hover { border:none;}

#nav ul dt { font-size:x-small; font-family:"small fonts",verdana,tahoma,arial,"sans serif"; 
font-family:verdana; letter-spacing:0px;}

#theme-options.dark, #theme-options.light { display:block;}

#theme-options .content{ display:none; padding-left:30px; padding-top:25px;
padding-right:12px; font-size:x-small; overflow:auto;}

#theme-options .content p.hx {text-align:center; padding-bottom:10px; margin-bottom:10px; font-weight:bold; font-style:normal; 
background:transparent url(image/lineitem-alt-black-right.png) no-repeat right bottom;}

#theme-options.dark .content p.hx { background:transparent url(image/lineitem-alt-black-right.png) no-repeat right bottom;}

#theme-options .content a { display:block; line-height:1.7em; padding-left:9px; text-indent:4px;
 margin-left:-4px; margin-top:-1px; padding-top:1px; padding-bottom:1px;
 text-decoration:none; background:transparent url(image/lineitem-alt-black.png) no-repeat -50px bottom;}

#theme-options .content a:hover { background:transparent url(image/black-25.png);}

#theme-options .content a:focus { outline:none; background:transparent url(image/black-10.png);}

#content.dark #theme-options .content a { background-image:url(image/lineitem-alt-black.png);}

#content.dark #theme-options .content a:hover { background:transparent url(image/white-25.png);}

#content.dark #theme-options .content a:focus { background:transparent url(image/white-10.png);}

#theme-options .toggle { position:absolute; left:0px;
 bottom:0px; width:24px; height:24px; margin-left:1px; cursor:pointer;}

#theme-options.dark .toggle:hover, #theme-options .toggle { 
background:transparent url(image/theme-control-light1.png) no-repeat 0px 0px;}

#theme-options .toggle:hover, #theme-options.dark .toggle { 
background:transparent url(image/theme-control-dark1.png) no-repeat 0px 0px;}

	#theme-options.open { top:2.15em; margin-left:1px; background:transparent url(image/white-50.png);}

	#content.dark #theme-options.open {background:transparent url(image/black-50.png);}

#theme-options.open .content { display:block; background:transparent url(image/lineitem-alt-black.png) no-repeat 0px 0px;}

#theme-options.open .toggle { margin-left:0px;}

#templates { display:none;}

#sliderthumb-tip { position:absolute; background:transparent url(image/slider-tooltip.png) no-repeat 0px 0px; 
width:24px; height:25px; left:18px; top:-50px; margin-top:-5px; opacity:0.01; filter:alpha(opacity=1);}

#content.dark #sliderthumb-tip { background-position:0px -25px;}

.xlsf-light { position:absolute; width:32px; height:32px;}

.lampeMaxi .xlsf-light { position:absolute; width:50px; height:50px;}

body.fast .xlsf-light { opacity:0.9;}

.xlsf-light.haut{ background:transparent url(image/bulbs-32x32-top.png) no-repeat 0px 0px;}

.lampeMaxi .xlsf-light.haut{ background:transparent url(image/bulbs-50x50-top.png) no-repeat 0px 0px;}

.xlsf-light.bottom { background:transparent url(image/bulbs-32x32-bottom.png) no-repeat 0px 0px;}

.lampeMaxi .xlsf-light.bottom { background:transparent url(image/bulbs-50x50-bottom.png) no-repeat 0px 0px;}

.xlsf-light.left { background:transparent url(image/bulbs-32x32-left.png) no-repeat 0px 0px;}

.lampeMaxi .xlsf-light.left { background:transparent url(image/bulbs-50x50-left.png) no-repeat 0px 0px;}

.xlsf-light.right { background:transparent url(image/bulbs-32x32-right.png) no-repeat 0px 0px;}

.lampeMaxi .xlsf-light.right { background:transparent url(image/bulbs-50x50-right.png) no-repeat 0px 0px;}

.xlsf-fragment { position:absolute; background:transparent url(image/bulbs-50x50-fragments.png) no-repeat 0px 0px; 
width:50px; height:50px;}

.xlsf-fragment-box { position:absolute; left:0px; top:0px; width:50px;
 height:50px; *width:100%; *height:100%; display:none;}

.xlsf-cover { position:fixed; left:0px; top:0px; width:100%; height:100%;
 background:#fff; opacity:1; z-index:999; display:none;}

.snow-controls { position:absolute; right:4px; top:30px; width:36px; height:34px; 
background:transparent url(image/snow-controls41.png) no-repeat -36px -34px; cursor:pointer; z-index:2;}

.snow-controls .joystick { position:absolute; display:none; left:3px; top:3px; width:12px; 
height:12px; background:transparent url(image/snow-controls41.png) no-repeat -84px -45px; z-index:2;}

.snow-controls:hover { background-position: -36px 0px;}

.snow-controls.active { background-position: 0px -34px;}

.snow-controls.active .joystick { display:block;}

.snow-controls.active:hover { background-position:0px 0px;}

.snow-controls.active:hover .joystick { background-position:-84px -11px;}

#bg-controls { position:absolute; right:2px; bottom:2px; width:42px; height:20px;}

#bg-controls div { position:absolute; left:0px; top:0px; width:20px; height:20px;
 background:transparent url(image/background-controls2.png) no-repeat 0px 0px; cursor:pointer; z-index:2;}

#bg-controls .prev:hover { background-position:0px -20px;}

#content.light #bg-controls .prev { background-position:0px -20px;}

#content.light #bg-controls .prev:hover { background-position:0px -40px;}

#bg-controls .next { left:auto; right:0px; background-position:-20px 0px; }

#bg-controls .next:hover { background-position: -20px;}

#content.light #bg-controls .next { background-position: -20px;}

#content.light #bg-controls .next:hover { background-position:-20px -40px;}

a.maxilampe { position:absolute; right:2em; line-height:1em; font-size:xx-small; line-height:1.5em; 
background-color:#8D887E; margin:0px; padding:0.2em 0.3em; text-align:center; color:#fff !important; text-decoration:none;
 white-space:nowrap; border: 1px dotted #FFCC99; opacity:0.75 !important; filter:alpha(opacity=75) !important;}

a.minilampe { position:absolute; right:18em; line-height:1em; font-size:xx-small; line-height:1.5em; 
background-color:#8D887E; margin:0px; padding:0.2em 0.3em; text-align:center; color:#fff !important; text-decoration:none; 
white-space:nowrap; border: 1px dotted #FFCC99; opacity:0.75 !important; filter:alpha(opacity=75) !important;}

a.sanslampe { position:absolute; right:12.5em; line-height:1em; font-size:xx-small; line-height:1.5em; 
background-color:#8D887E; margin:0px; padding:0.2em 0.3em; text-align:center; color:#fff !important; 
text-decoration:none; border: 1px dotted #FFCC99; opacity:0.75 !important; filter:alpha(opacity=75) !important;}

a.minilampe.orange, a.maxilampe.orange, a.sanslampe.orange{ background-color:#C9730A;}

a.maxilampe:hover, a.minilampe:hover, a.sanslampe:hover { background-color:#cc3333; 
color:#fff !important; opacity:1 !important; filter:alpha(opacity=100) !important;}

#content .copy .imageFloat .image p, #content .copy .imageFloatRight .image p { line-height:1.5em; opacity:0.75;}

pre, code, .code { font-family:monaco,"VT-100","lucida console",terminal,courier,system,sans-serif; 
font-size:0.97em; font-weight:normal; line-height:1.5em;}

pre { white-space:pre-wrap; font-size:x-small; line-height:1.75em;}

p pre, p.in pre { font-size:0.97em;}


/* ticker */

#pscroller { position:absolute; border: 0; padding: 3px; z-index:89;}

.pscrollvis {opacity:1; filter:alpha(opacity=100); display:block;}
.pscrollnon {opacity:0.01;filter:alpha(opacity=1); display:none;}
.pscrollini {opacity:0.01;filter:alpha(opacity=1);}

#content.dark span#soleil {opacity:0.33; filter:alpha(opacity=33);}
#content.light span#lune {opacity:0.33; filter:alpha(opacity=33);}


/* 	animation boutons next et prev	*/

.phb {background: auto}
#suit, #devant {background-position: 50% 50%; background-repeat:no-repeat; border:auto; background:auto; width:31px; height:24px;}

.dark .pha {background-image:url(load/dble_arrow_right.gif); background-color:transparent; border-style: inset; border-width: 1px;}
.dark .phc {background-image:url(load/dble_arrow_left.gif); background-color:transparent; border-style: inset; border-width: 1px;}

.light .pha {background-image:url(load/dd_311.gif); background-color:transparent; border-style: inset; border-width: 1px;}
.light .phc {background-image:url(load/dd_211.gif); background-color:transparent; border-style: inset; border-width: 1px;}


/* SHADOWBORDER ZONE DESCRIPTIONS IMAGES */

#shadlegend { padding:6px 20px;}
#shadlegend .sb-inner { background:#FF0000; opacity: 0.15; filter:alpha(opacity=15); }
#content.light #shadlegend .sb-inner { background:#FFFF00; opacity: 0.15; filter:alpha(opacity=15); }
#shadlegend .sb-border {background:#FFFF00;}
#content.light #shadlegend .sb-border {background:#000099;}

#trans-border {text-align:center; width:510px; margin:10px auto; padding:14px 20px; background:#444;}
#trans-border .sb-border { background:#000000; }
	#content.light .sb-border { background:#008000; }
#trans-border .sb-inner {background:#FF0000; opacity:0.25; filter:alpha(opacity=25); }
	#content.light .sb-inner {background:#DAA520;}
#trans-border h2 {display:inline; zoom:1; padding-right:10px; }


/* SLIDER YUI N°2 */

.yui-h-slider, .yui-v-slider, .yui-region-slider {position:relative; z-index:10;}
.yui-h-slider .yui-slider-thumb, .yui-v-slider .yui-slider-thumb, .yui-region-slider .yui-slider-thumb {position:absolute; cursor:default;}
.yui-h-slider {outline:none; background:url(image/bg-h.png) no-repeat 5px 0; height:28px; width:228px;}
.yui-h-slider .yui-slider-thumb {top:4px;}
.yui-region-slider{height:228px; width:228px;}


/* SCROLLBARS */

div#scrollbar {display:none;} /* hide from incapable */    

#stopdrag {overflow:hidden; padding:0; position:absolute; z-index:150; width:15px; height:20%; top:0px; left:0px;}
#sbotdrag {overflow:hidden; padding:0; position:absolute; z-index:150; width:15px; height:80%; bottom:0px; left:0px;}
.rouge #styltrack {position:absolute; z-index:150; width:15px; height:2px; bottom:16px; left:0px; background: url("imscrge/styltrackbot.png") no-repeat left bottom;}
.bleu #styltrack {position:absolute; z-index:150; width:15px; height:2px; bottom:16px; left:0px; background: url("imscrbleu/styltrackbot.png") no-repeat left bottom;}
.rouge .outtopdrag {background: url("imscrge/vscrollerbot_3_tr80.png") no-repeat 0px 0px;}
.rouge .outbotdrag {background: url("imscrge/vscrollerbot_3_tr80.png") no-repeat left bottom;}
.rouge .ctopdrag {background: url("imscrge/vscrollerbot_3_tr80.png") no-repeat -15px 0px;}
.rouge .cbotdrag {background: url("imscrge/vscrollerbot_3_tr80.png") no-repeat -15px bottom;}
.rouge .downtopdrag {background: url("imscrge/vscrollerbot_3_tr80.png") no-repeat -30px 0px;}
.rouge .downbotdrag {background: url("imscrge/vscrollerbot_3_tr80.png") no-repeat -30px bottom;}
.bleu .outtopdrag {background: url("imscrbleu/vscrollerbot_3_tr80.png") no-repeat 0px 0px;}
.bleu .outbotdrag {background: url("imscrbleu/vscrollerbot_3_tr80.png") no-repeat left bottom;}
.bleu .ctopdrag {background: url("imscrbleu/vscrollerbot_3_tr80.png") no-repeat -15px 0px;}
.bleu .cbotdrag {background: url("imscrbleu/vscrollerbot_3_tr80.png") no-repeat -15px bottom;}
.bleu .downtopdrag {background: url("imscrbleu/vscrollerbot_3_tr80.png") no-repeat -30px 0px;}
.bleu .downbotdrag {background: url("imscrbleu/vscrollerbot_3_tr80.png") no-repeat -30px bottom;}
.rouge #tops {background: url("imscrge/toppress41.png") no-repeat 0px 0px;}
.bleu #tops {background: url("imscrbleu/toppress41.png") no-repeat 0px 0px;}
.rouge #bots {background: url("imscrge/bottompress41.png") no-repeat 0px 0px;}
.bleu #bots {background: url("imscrbleu/bottompress41.png") no-repeat 0px 0px;}
* html body #styltrack {bottom:15px;}

.phb {background: auto}


/* 		*/