
.content a { text-decoration:none;}
#page {min-height: 0;  }
#container {padding: 0;  }
#wrapper {background: none;}

/* standard.css eraser */
#content { float:none;  width: auto;}
#page #content .main { width: 980px ; }

#content {height: 531px; position: relative; color: #fff; font-size: 0.857em;}
#content a {color: #fff;}

#intro {float: left; padding: 91px 0 0 0; width: 620px;}
#intro h1 {font-size: 2.5em; font-weight: normal; padding: 0 0 0 43px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
font-family: 'Trebuchet MS',FreeSans,sans-serif; margin: 0 0 0.75em 0; line-height: 1; }

#intro .anchors {font-size: 1.32em; float:left; position:relative; }
#intro .anchors li {list-style: none; margin: 0 }
html>body #intro .anchors li  {background: url('i/backgrounds/000-50.png'); background: rgba(0,0,0,0);}
/*html>body #intro .anchors li a:hover {background: url('i/backgrounds/7d7d7d-50.png'); background: rgba(125,125,125,0);}*/
#intro .anchors span.a  {display: block; padding: 0.16em 5px 0.16em 19px; background-color: rgba(0,0,0,0.5);
line-height:1.2em}

html>body #intro .anchors li.lien-diapo { background: none; }
#intro .anchors li.lien-diapo {margin-top:2px ;}
#intro .anchors li.lien-diapo a { text-decoration:none; display: block;  background: url(i/home/lien-diapo.png) top right; padding-top:0; padding-bottom:0; padding: 0 110px 0 19px;  height:23px; line-height:22px}
#intro .anchors li.lien-diapo a:hover {background-position: bottom right; }
#intro .anchors li.lien-diapo a strong { font-weight:bold; color: #d7001b /* red */; font-size:0.7em; text-transform: uppercase; padding-right:19px }
#intro .anchors li.lien-diapo a span { display:none;}




#info {width: 350px; float: right; height: 531px; position: relative; font-size: 0.917em;}
html>body #info {background: url('i/backgrounds/000-21.png'); background: rgba(0,0,0,0.21);}

#alerts {width: 174px; bottom: 258px; position: absolute; right: 0;}
#alerts .meta {text-transform: uppercase; font-weight: normal; display: block; margin-bottom: 0.2em;}
#alerts h2 {color:white; font-family: 'Trebuchet MS',FreeSans,sans-serif; font-size: 2em; font-weight: normal; padding: 0.15em 5px 0 10px; margin: 0 0 0.1em 0;}
#newsRotater {background: #d7001b ; position: relative;}
#newsRotater h3 {margin: 0 0 0.3em 0; font-weight: normal; font-size:1em; }
#alerts .news {padding: 0 10px; height: 120px; overflow-y: auto;}
#newsRotater {height: 150px; padding-bottom: 30px;}

#info .item {display: none;}
#info .current {display: block;}

.info .item a {display: block; width: 100%; height: 100%; position: relative;}
.info .news a {display: inline; width: auto; height: auto; position: static; text-decoration: none;}
.info .news a:hover {text-decoration: underline;}
.info .item a:hover {color: #efefef;}
.info .item {height: 128px; background-position: 0 0; background-repeat: no-repeat;}
.info .item .inner {display: block; padding: 8px; line-height: 1.2;}
.info .item .white,
.info .item .white * {color: #fff;}
.info .item .black,
.info .item .black * {color: #000;}
.info .item strong {font-family: 'Trebuchet MS',FreeSans,sans-serif; font-weight: normal;}
.info .item .meta {display: block;}

#so1 {position: absolute; left: 0; top: 275px; width: 174px; height: 128px;}
#so2 {position: absolute; right: 0; top: 275px; width: 174px; height: 128px;}

#so1 .item,
#so2 .item {position: absolute; left: 0; top: 0; width: 174px;}

.info .focus strong {font-size: 1.75em;}
.info .tv {width: 174px;}
.info .tv .inner {background: #000;}
html>body .info .tv .inner {padding-bottom: 35px; background: url('i/backgrounds/d-tv-mask.png') 0 100% no-repeat;}
.info .tv strong {font-size: 2em;}
.info .tv em {display: block; width: 54px; height: 11px; position: absolute; top: 8px; right: 8px; text-indent: -9999px; font-style: normal; overflow: hidden; background: url('i/backgrounds/d-tv.gif') 0 0 no-repeat; z-index: 2;}


#info #bourse {background: url('i/backgrounds/000-65.png'); background: rgba(0, 0, 0, 0.65);
position: absolute; left: 0; top: 410px; padding: 0px 10px; 
}
#info #bourse .bwrap {background:url("i/home/filet.png") repeat-x scroll 0 50% ; overflow: hidden; _height:100%;}
#info #bourse h3 { float:left; margin:0; line-height:22px /* 2em*/;}
#info #bourse h3 .date {color: #0095DB}
#info #bourse .cours { float:right ; margin:0; width: 14pxem; }
#info #bourse .cours li {list-style: none ; margin:0; line-height: 22px /* 2em*/; padding-left:.8em; clear:right}
#info #bourse h3, #info #bourse .cours li .ville {text-transform: uppercase; font-weight:bold ; font-size:1em}
#info #bourse .cours li .ville {float:left;}
#info #bourse .cours li .prix { float:right; }
#info #bourse .cours li .evolution { color:  #0095DB; float:right; text-align:right ;  background: url(i/home/evol.png) left top no-repeat; width:5em; margin-left:1em}
#info #bourse .cours li .negative {}
#info #bourse .cours li .positive {background-position: left bottom;}

#info #bourse a { background: url(i/backgrounds/challenges-anchor.gif) 0 50% no-repeat; padding-left: 20px;  float:left;line-height: 2em;}


/*  jukebox
----- */

#content .main {position: absolute; left: 0; top: 0;}
#jukeBox .scud {display: none;position: absolute; left: 0; top: 0;  width: 980px; height:531px;}
#jukeBox .currentScud {display: block;}
#jukeBox {  overflow: hidden; _height:100%; position: absolute; top:0 ; left:0; width: 980px; height:531px;}
/* nav */
.jukeBoxNav {position: absolute; top: 9px;  height: 14px; /* width:58px; */ overflow: hidden;_height:100%; z-index: 201; left: 8px; }
.left .jukeBoxNav { left: 8px; }
.right .jukeBoxNav { left:auto; right:8px; }

#jukeBoxNav button, .jukeBoxNav button {z-index: 301; /*position: relative; top:0; left: 0; */
background-image: url('i/home/player.png'); border: none; color: #fff; cursor: pointer; 
width: 16px; height: 14px; 
overflow: hidden; _height:100%;
font-weight: bold; padding: 0 0 0 0; text-align: center; display: block; float: left; text-indent: -9999px; background-repeat: no-repeat;}

#jukeBoxNav button:hover, .jukeBoxNav button:hover {color: #cd283a; background-image: url('i/home/player-on.png') ; }
#jukeBoxNav button:focus , .jukeBoxNav button:focus {outline: none;}
#jukeBoxNav button::-moz-focus-inner , .jukeBoxNav  button::-moz-focus-inner {border: 0; padding: 0;}

#jukeBoxPrev , .jukeBoxPrev { background-position: top left}
#jukeBoxNext , .jukeBoxNext { background-position: top right}

.scud .right, .scud .left {margin: 0 ; float:none ;} /* annule base.css ligne 249 */
.scud .legend { font-family:"Trebuchet MS", Arial, sans-serif;   font-size: 1em;  width: 348px; 
position: absolute; right:0; top: 80px; }
.scud .legend { color: black;}
.scud .legend h2 { font-family:"Trebuchet MS", Arial, sans-serif;  color: white; font-size: 2.08em; line-height: 1em;}
.scud .legend h3 { font-family:"Trebuchet MS", Arial, sans-serif;  font-size: 1.67em; font-weight:normal; line-height:1em; padding-bottom:0.4em; padding-top: 0.2em; margin:0;}
.scud .legend .meta { font-family:Arial, sans-serif;   text-transform: uppercase ; font-size: 0.8em /* 10 */}
.scud .legend p { font-family:"Trebuchet MS", Arial, sans-serif; margin:0; padding-bottom: 1em;}
.scud .legend .meta .pays { color: #d7001b /* red */ }
#content .scud .legend  a { font-family:Arial, sans-serif; color: #d7001b /* red */ ; font-size: 0.9em /* 11 */}
.scud .legend .cnt .inner { background:  url(i/home/legend_txt85.png) ; padding-left:18px; padding-right: 15px; overflow:hidden; _height:100%; }

.scud .right {  right:0;}
.scud .left {  text-align: right;  left: 0; }
.content .left .npslinks { text-align:right; display:block;}
.scud .legend h2, .scud .right h2 { min-height:50px; background: url(i/home/h2D85.png) top left no-repeat; padding:28px 15px 3px 18px; margin:0}
.scud .left h2 			  { background: url(i/home/h2G85.png) top left no-repeat; padding:28px 18px 3px 15px; }
.scud .legend .cnt , .scud .right .cnt  {  background: url(i/home/h2Dbas85.png) top left no-repeat ; padding-top: 22px;}
.scud .left .cnt 			{  background: url(i/home/h2Gbas85.png) top left no-repeat ; }
.scud .right .cnt .inner { padding-left:18px; padding-right: 15px;}
.scud .left .cnt .inner  { padding-left:15px; padding-right: 18px;}
.scud .legend .fin , .scud .right .fin, .scud .left .fin {  background: url(i/home/legend_degrade85.png) top left repeat-x;  height:62px; }
/* hauteur degrade : 62 */


/* OPACITES DES LEGENDES 
 = l'opacite se fixe sur .scud 
*/
.op75 .legend .cnt .inner {  background-image: url(i/home/legend_txt75.png); }
.op75 .legend .fin {  background-image: url(i/home/legend_degrade75.png) }

.op75 .legend h2, .op75 .right h2 	{ background-image: url(i/home/h2D75.png) }
.op75 .left h2  			{ background-image: url(i/home/h2G75.png) }
.op75 .legend .cnt , .op75 .right .cnt  {  background-image: url(i/home/h2Dbas75.png)}
.op75 .left .cnt 			{  background-image: url(i/home/h2Gbas75.png)}





/* 
----- */
#footWrap {min-height: 65px; clear: left;}
#footer {padding: 28px 10px 5px 0; min-height: 0;}
html>body #footer {background: url('i/backgrounds/footer-mask.png') 100% 0 no-repeat;}

/* 
----- */
#footWrap:after,
.content:after,
.block:after,
#highlight:after,
#highlightMedia:after,
#highlightMedia .stripe:after,
#highlightMedia .innerNav:after {content: "."; display: block; height: 0; clear: both;visibility: hidden;}


