/* ZONE PROPOSITION */
#promoArea_trait {
   margin-top:15px;
   border-bottom-color:#CCCCCC;
   border-bottom-style:solid;
   border-bottom-width:1px;
   border-top-color:#CCCCCC;
   border-top-style:solid;
   border-top-width:2px;
   height:1px;
   line-height: 1px;
}

#promoArea_titre {
   color:#777;
   font: 20px arial, sans-serif;
   text-transform:uppercase;
   margin-top:5px;
   margin-bottom:10px;
}

#promoArea {
   width:680px;
   padding-bottom:5px;
   margin-top:20px;
}

#promoArea a {
   text-decoration:none;
}
#promoArea .title {
   background:url(/medias/www/img/tit/titleBar.gif) top left repeat-x;
   font:bold 18px arial, sans-serif;
   color:#990000;
   padding-top:12px;
   padding-bottom: 0px;
   height:38px;
}
html>/**/body #promoArea .title {height:26px;}

#promoArea .oddBlock,
#promoArea .evenBlock{
   float:left;
   width:330px;
   height:364px;
   overflow:hidden;
   position:relative;
}

#promoArea .evenBlock{
   margin-bottom: 15px;
}

#promoArea .oddBlockTall{
   float:left;
   width:330px;
   overflow:hidden;
   position:relative;
   margin-right:20px;
   margin-bottom:15px;   
}

#promoArea .oddBlock,
#promoArea .oddBlockTall {
   margin-right:20px;
   margin-bottom:15px;
}
* html #promoArea .oddBlock,
* html #promoArea .oddBlockTall {margin-right:19px;}

#promoArea .odd {
   margin-right:10px;
   margin-bottom:10px;
   float:left;
   position:relative;
}

#promoArea .even {
   float:left;
   position:relative;
}

#promoArea a .link {
   font-size:12px;
   font-weight:bold;
   line-height:15px;
   display:block;
   border-right:1px solid #ccc;
   border-left:1px solid #ccc;
   border-bottom:1px solid #ccc;
   padding:6px 8px;
   position:absolute;
   bottom:0px;
   background:#fff;
}

#promoArea .type {
   font:bold 10px/12px arial, sans-serif;
   color:#555;
}


/*  rollover behavior  */

#promoArea .description {
   visibility:hidden;
}
#promoArea .imageTextBlock a:hover .description,
#promoArea .textBlock a:hover .description,
#promoArea .twoColumnBlock a:hover .description,
#promoArea .wideBlock a:hover .description,
#promoArea .sponsorBlock a:hover .description {
   background:#404040;
   border-right:1px solid #404040;
   border-left:1px solid #404040;
   border-bottom:1px solid #404040;
   color:#fff;
   padding:12px 8px 6px 8px;
   font-size:13px;
   font-weight:bold;
   letter-spacing:0px;
   top:0px;
   position:absolute;
   z-index:100;
   cursor: pointer;
   visibility:visible;
   height:158px;
}
#promoArea .wideBlock a:hover .description {
   height: 326px;
}

#promoArea .imageTextBlock .description {width:160px;}
#promoArea .textBlock .description {width:160px;}
#promoArea .twoColumnBlock .description {width:330px;}
#promoArea .wideBlock .description {width:330px;}
#promoArea .sponsorBlock .description  {width:160px;}

#promoArea .type {
   font-size:11px;
   line-height:12px;
   font-weight:bold;
   color:#555;
}
html>/**/body #promoArea .imageTextBlock .description {width:142px;}
html>/**/body #promoArea .textBlock .description {width:142px;}
html>/**/body #promoArea .twoColumnBlock .description {width:312px;}
html>/**/body #promoArea .wideBlock .description {width:312px;}
html>/**/body #promoArea .sponsorBlock .description  {width:142px;}


/*  imageTextBlock  */

#promoArea .imageTextBlock {
   width:160px;
   height:158px;
   overflow:hidden;
}

#promoArea .imageTextBlock a .link {
   width:160px;
   bottom:0px;
   height:43px;
}
html>/**/body #promoArea .imageTextBlock a .link {width:142px;height:auto;min-height:30px;}

#promoArea .imageTextBlock a:hover  {
   padding:0px;
}
/*  textBlock  */
#promoArea .textBlock {
   width:160px;
   height:158px;
   overflow:hidden;
}

#promoArea .textBlock a:hover  {
   padding:0px;
}
#promoArea .textBlock a .link {
   width:160px;
   height:158px;
   border-top:1px solid #ccc;
   font:18px/20px arial, sans-serif!important;
   top:0px;
}
html>body #promoArea .textBlock a .link {width:142px;height:144px; display:block}



/*  bigPlayerBlock  */

#promoArea .bigPlayerBlock {
   width:330px;
   height:326px;
   overflow:hidden;
}

#promoArea .bigPlayerBlock .link {
   width:330px;
   height:32px;
   bottom:0px;
   background-color:#404040;
   padding: 5px;
}

html>/**/body #promoArea .bigPlayerBlock a .link {width:312px;}

#promoArea .bigPlayerBlock .link a {
   color:#fff;
   font: bold 14px arial, sans-serif;
}

#promoArea .bigPlayerBlock a:hover .link {
   background:#900;
   border-right:1px solid #900;
   border-left:1px solid #900;
   border-bottom:1px solid #900;
   color:#fff;
   cursor: pointer;
}

#promoArea .bigPlayerBlock .video {
   position: relative;
   background:#404040;
   text-align:center;
   margin-top:0px;
}


/*  twoColumnBlock / wideBlock  */
#promoArea .twoColumnBlock {
   width:330px;
   height:158px;
   overflow:hidden;
}

#promoArea .twoColumnBlock a {
   width:330px;
   height:158px;
   overflow:hidden;
   display:block;
}

#promoArea .twoColumnBlock .link {
   font:bold 15px/18px arial, sans-serif;
}

#promoArea .wideBlock a .link,
#promoArea .twoColumnBlock a .link {
   color:#fff;
   position:absolute;
   bottom:4px;
   left:0px;
   width:115px;
   background:none;
   background-color:#000;
   border:0px solid #fff;
}
* html #promoArea .wideBlock a .link,
* html #promoArea .twoColumnBlock a .link {bottom: 16px;}

#promoArea .wideBlock a:hover,
#promoArea .twoColumnBlock a:hover {
   padding:0px;
}

#promoArea .twoColumnBlock p {
   font:16px/19px georgia, serif;
   text-indent: -8px;
   padding-left:8px;
   margin:0px;
}
#promoArea .twoColumnBlock p.description {text-indent: 0px;}

/*  wideBlock (particularites) */
#promoArea .wideBlock {
   width:330px;
   height:326px;
   overflow:hidden;
   position: relative;
}

#promoArea .wideBlock a {
   width:330px;
   height:326px; 
   overflow:hidden;
   display:block;   
}

#promoArea .wideBlock p {
   font:16px/19px georgia, serif;
   text-indent: 0px;
   padding:0px;
   margin:0px;
}

#promoArea .wideBlock .link {
   font:bold 18px/21px arial, sans-serif;
}

#promoArea .wideBlock a .link {
   width:185px;
}

/** #promoArea #filTexte.twoColumnBlock */
#promoArea #filTexte.twoColumnBlock {
   background:#FFFFFF none repeat scroll 0 0;
   border:1px solid #CCCCCC;
   width: 318px;
   height: 149px;
   padding: 5px ;
   padding-bottom: 2px;
   overflow:hidden;
}
* html #promoArea #filTexte.twoColumnBlock {height: 157px; width: 330px}

#promoArea #filTexte.twoColumnBlock .filTexteLigne {
   width:300px;
   margin:0px;
   clear: left;
   margin-bottom:8px;
}

#promoArea #filTexte.twoColumnBlock .filTexteLigne h4 {
   color:#555;
   font-size:11px;
   font-weight:normal;
   float:left;
   text-transform:uppercase;
   margin-right: 3px;
}

#promoArea #filTexte.twoColumnBlock .filTexteLigne h5 {
   margin-left: 40px;
}

#promoArea #filTexte.twoColumnBlock .filTexteLigne h5 a {
   width: 100%;
   font-size:12px;
   height: auto;
   overflow:visible;
}
#promoArea #filTexte.twoColumnBlock .filTexteLigne h5 a:hover {
   text-decoration: underline;
}

#promoArea #filTexte.twoColumnBlock .filTexteLigne .timestamp {
   font-size:11px;
   color:#666;
   font-weight:bold;
   width:40px;
   float:left;
   margin-bottom:8px;
}

#promoArea #filTexte.twoColumnBlock .filFlecheLigne {
   width:320px;
   margin:0px;
   clear: left;
   margin-bottom:8px;
}

#promoArea #filTexte.twoColumnBlock .filFlecheLigne h4 {
   color:#555;
   font-size:11px;
   font-weight:normal;
   float:left;
   text-transform:uppercase;
   margin-right: 3px;
}

#promoArea #filTexte.twoColumnBlock .filFlecheLigne h5 {
   /* margin-left: 10px; */
}

#promoArea #filTexte.twoColumnBlock .filFlecheLigne h5 a {
   width: 100%;
   font-size:13px;
   height: auto;
   overflow:visible;
}

#promoArea #filTexte.twoColumnBlock .filFlecheLigne h5 a:hover {
   text-decoration: underline;
}

#promoArea #filTexte.twoColumnBlock .filFlecheLigne .fleche {
   background:transparent url(/medias/www/img/icn/arrow.png) no-repeat scroll 0px 4px; 
   width:12px;
   float:left;
   margin-bottom:8px;
}
   
#promoArea #filTexte.twoColumnBlock .icon {
   background:url(/medias/www/img/icn/link.gif) top left no-repeat;
   padding-left:12px;
   width:5px;
   height:16px;
   margin-right:5px;
   overflow:hidden;
   float: left;
   position:relative;
   top:-2px;
}
html>/**/body #promoArea #filTexte.twoColumnBlock .icon {top:1px;}
* html #promoArea #filTexte.twoColumnBlock .icon {width:16px;height:16px;}

#promoArea #filTexte.twoColumnBlock .video {
   background:url(/medias/www/img/icn/video.gif) top left no-repeat;
   padding: 3px 13px 0px 0px;
}

#promoArea #filTexte.twoColumnBlock .graph {
   background:url(/medias/www/img/icn/graph.gif) top left no-repeat;
}

#promoArea #filTexte.twoColumnBlock .blog {
   background:url(/medias/www/img/icn/blog.gif) top left no-repeat;
}

#promoArea #filTexte.twoColumnBlock .portfolio {
   background:url(/medias/www/img/icn/camera.gif) top left no-repeat;
}

#promoArea #filTexte.twoColumnBlock .son {
   background:url(/medias/www/img/icn/son.gif) top left no-repeat;
}

/*  twoColumnListBlock  */
#promoArea .twoColumnListBlock a {
   width:330px;
   height:158px;
   padding:10px;
   overflow:hidden;
   display:block;
   border:1px solid #ccc;
}
html>/**/body #promoArea .twoColumnListBlock a {width:308px;height:136px;}

#promoArea .twoColumnListBlock .title1 {
   font-size:14px;
   color:#900;
   font-weight:bold;
   text-transform:uppercase;
}

#promoArea .twoColumnListBlock .timestamp {
   font-size:11px;
   color:#666;
   font-weight:bold;
   width:38px;
   float:left;
   margin-top:8px;
}

#promoArea .twoColumnListBlock h3 {
   font-size:11px;
   margin-top:8px;
   width:265px;
   float:left;
}


/*  sponsorBlock  */
#promoArea .sponsorBlock {
   width:160px;
   height:158px;
   overflow:hidden;
   color:#777;
   font-size:10px;
   line-height:16px;
   font-weight:bold;
}

#promoArea .sponsorBlock a .link {
   width:160px;
   top:0px;
   z-index:2;
   border-top:1px solid #ccc;
   border-bottom:0px solid #ccc;
}
html>/**/body #promoArea .sponsorBlock a .link {width:142px;position:relative;}

#promoArea .sponsorBlock a:hover  {
   padding:0px;
}

#promoArea .sponsorBlock .sponsor {
   color:#666;
   font-size:10px;
   font-weight:bold;
}

#promoArea .sponsorBlock a .image {
   position:absolute;
   bottom:0px;
}


/* ZONE ET AUSSI OLD NEW bloc rubriques */

#promoArea .rubriquesBlock,
#promoArea .enContinuBlock {
   width:330px;
   float:left;
}

#promoArea .rubriquesBlock {
   margin-right:20px;
}
* html #promoArea .rubriquesBlock { margin-right:19px;}

#promoArea .rubriquesBlock h4 a {
   text-transform:uppercase;
}   

#promoArea .rubriquesBlock h4 a:hover {
   color: #900;
}

#promoArea .rubriquesBlock h4 {
   margin: 15px 0px 5px;
}

#promoArea .rubriquesBlock h4 a {
   color: #000;
}

#promoArea .rubriquesBlock h5 a:hover {
   text-decoration: underline;
}

#promoArea .rubriquesBlock h5 .reaction a {
   background:url(/medias/www/img/icn/reaction.gif) 0 2px no-repeat;
   font:bold 11px arial, sans-serif;
   padding-left:15px;
}

#promoArea .rubriquesBlock .link {
   background:url(/medias/www/img/icn/arrow.png) 0px 3px no-repeat;
   padding-left:12px;
   margin-bottom:8px;
}

#promoArea .rubriquesBlock .icon {
   background:url(/medias/www/img/icn/link.gif) top left no-repeat;
   padding-left:16px;
   width:13px;
   height:14px;
   margin-right:5px;
   overflow:hidden;
   position:relative;
   top:-2px;
}
html>/**/body #promoArea .rubriquesBlock .icon {top:1px;}
* html #promoArea .rubriquesBlock .icon {width:16px;height:16px;}

#promoArea .rubriquesBlock .video {
   background:url(/medias/www/img/icn/video.gif) top left no-repeat;
}

#promoArea .rubriquesBlock .graph {
   background:url(/medias/www/img/icn/graph.gif) top left no-repeat;
}

#promoArea .rubriquesBlock .blog {
   background:url(/medias/www/img/icn/blog.gif) top left no-repeat;
}

#promoArea .rubriquesBlock .portfolio {
   background:url(/medias/www/img/icn/portfolio.gif) top left no-repeat;
}

#promoArea .rubriquesBlock .son {
   background:url(/medias/www/img/icn/son.gif) top left no-repeat;
}

/** Bloc en continu */

#promoArea .enContinuBlock .description {
   margin-bottom:10px;
}

#promoArea .enContinuBlock h3 a img {
   position: absolute;
   right: 0px;
}

#promoArea .enContinuBlock h4 {
   clear:left;
   border-bottom:1px solid #fff;
   margin:0px;
}

#promoArea .enContinuBlock .timestamp {
   font-size:11px;
   color:#666;
   font-weight:bold;
   width:40px;
   float:left;
}

#promoArea .enContinuBlock h4 a {
   margin-bottom:8px;
   width:255px;
   float:left;
}

#promoArea .enContinuBlock h4 a:hover {
   text-decoration: underline;
}

#promoArea .enContinuBlock td {
   font-size:13px;
   padding:2px 15px 2px 0;
}

#promoArea .enContinuBlock td.change {
   font-weight:bold;
   text-align:right;
}

#promoArea .enContinuBlock td.percentChange {
   font-weight:bold;
}

#promoArea .enContinuBlock .positive {
   color:#248a1d;
}

#promoArea .enContinuBlock .negative {
   color:#c00;
}

#promoArea .enContinuBlock .percentChange .positive {
   background:url(/medias/www/img/icn/arrow_positive.gif) center left no-repeat;
   padding-left:14px;
}

#promoArea .enContinuBlock .percentChange .negative {
   background:url(/medias/www/img/icn/arrow_negative.gif) center left no-repeat;
   padding-left:14px;
}


#promoArea .enContinuBlock .icon {
   background:url(/medias/www/img/icn/link.gif) top left no-repeat;
   padding-left:12px;
   width:5px;
   height:16px;
   margin-right:5px;
   overflow:hidden;
   float: left;
   position:relative;
   top:-2px;
}
html>/**/body #promoArea .enContinuBlock .icon {top:1px;}
* html #promoArea .enContinuBlock .icon {width:16px;height:16px;}

#promoArea .enContinuBlock .video {
   background:url(/medias/www/img/icn/video.gif) top left no-repeat;
}

#promoArea .enContinuBlock .graph {
   background:url(/medias/www/img/icn/graph.gif) top left no-repeat;
}

#promoArea .enContinuBlock .blog {
   background:url(/medias/www/img/icn/blog.gif) top left no-repeat;
}

#promoArea .enContinuBlock .portfolio {
   background:url(/medias/www/img/icn/portfolio.gif) top left no-repeat;
}

#promoArea .enContinuBlock .son {
   background:url(/medias/www/img/icn/son.gif) top left no-repeat;
}