@CHARSET "ISO-8859-1";

body
{
text-align:justify;
}
p, div
{
text-align:justify;
}

#left_body {
	float:left;
	width:660px;
	margin-bottom:20px;
	margin-top:20px;
}

#left_body .column1 {
	float:left;
	width:400px;
	overflow:hidden;
	margin-right:20px;
}

#left_body .column2 {
   float:left;
   width:240px;
   overflow:hidden;
}

.title1 a {
   font: 26px/26px rockwell;
   color: #C40000;
}

#left_body .description {
   margin-top:2px;
   margin-bottom:6px;
   padding: 0;
   line-height: 17px;
}

.image {
   border:1px solid #999;
   float:left;
   margin-right:10px;
   margin-top: 3px;
   margin-bottom:0;
   overflow:hidden;
   padding: 0px;
}

.image img {
   vertical-align: text-bottom;
   display:block;
   overflow:hidden;
}

.image #crop {
   height: 65px;
   width: 130px;
   overflow: hidden;
}
.image #crop {height: 65px}

.image2 {
   border:1px solid #999;
   float:left;
   margin-right:10px;
   margin-bottom:10px;
   overflow:hidden;
   padding: 0px;
}

.image2 img {
   vertical-align: text-bottom;
   display:block;
   overflow:hidden;
}

.image2 #crop {
   height: 140px;
   width: 212px;
   overflow: hidden;
}
.image2 #crop {height: 140px}

.image1 #crop {
   height: 208px;
   border: solid 0px #fff;
   overflow: hidden;
}
.image1 #crop {
	height: 264px
}

#left_body .tetiere {
   color:#222;
   font-weight:bold;
   text-transform:uppercase;
  
}

#left_body .tetiere_config_2 {
   /* color:#900; */
   color: #000;
   font-weight:bold;
   text-transform:uppercase;
   font-size:13px;
   text-align: left;
   line-height: 28px;
}

.title2 a {
   font: 19px rockwell;
   line-height: 18px;
    color: #C40000;
}
.title2 {
font: 19px rockwell;
      color: #C40000;
	line-height: 20px;}

.rule {
   border-top: 1px dotted #999;
   margin-top:10px;
   padding-bottom:10px;
}

.ruleTop {
   border-top: 1px dotted #999;
   padding-bottom:10px;
}

#left_body .column1 .etAussi {
   color:#990000;
   font-size:14px;
   font-weight:bold;
   margin-bottom:4px;
   text-transform:uppercase;
}

#left_body .list .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 #left_body .list .icon {top:1px;}
* html #left_body .list .icon {width:16px;height:16px;}

#left_body .list .url {
   background:url(/medias/www/img/icn/link.gif) top left no-repeat;
}

#left_body .list .video {
   background:url(/medias/www/img/icn/video.gif) top left no-repeat;
   padding: 3px 5px 5px 10px;
}

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

#left_body .list .blog {
   background:url(/medias/www/img/icn/blog_post.png) top left no-repeat;
}

#left_body .list .portfolio {
   background:url(/medias/www/img/icn/camera.gif) top left no-repeat;
   background-position: 0 4px; 
   padding: 0px 5px 5px 10px ;
}
html>/**/body #left_body .list .portfolio {background-position: 0 0; }

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

#left_body .list .link {
   background:url(/medias/www/img/icn/arrow.png) 0px 3px no-repeat;
   padding-left:12px;
   margin-bottom:6px;
   font-size:13px;
   line-height:15px;
}

#left_body .ensemble .link {
   background:url(/medias/www/img/icn/bullet.gif) 0px 3px no-repeat;
   padding-left:15px;
   margin-bottom:2px;
   font-size:13px;
}

/* evenement */
#left_body .evenement {
   padding-bottom:5px;
   border-bottom:2px solid #ccc;
   margin-bottom:20px;
}

#left_body .evenementColumn1 {
   float:left;
   width:420px;
   overflow:hidden;
   margin:0;
}

#left_body .evenementColumn2 {
   float: left;
   width:240px;
   margin-left:15px;
}

#left_body .evenementColumn2.leader {
   /* border-top:1px dotted #666666; */
   /* padding-top: 5px; */
}

#left_body .evenement .image1, #left_body .mainHeadline .image1, #left_body .block .image1 {
	border:0px solid #ccc;
	float:left;
	width:416px;
	overflow:hidden;
	margin-bottom:10px;
}
html>/**/body #left_body .evenement .image1 {width:416px;}
html>/**/body #left_body .mainHeadline .image1 {width:416px;}

#left_body .evenement .image1 img, #left_body .mainHeadline .image1 img {
   vertical-align: text-bottom;
   display:block;
}

.evenement .title1 a, #left_body .mainHeadline .title1 a, .title1 {
   font-size:25px;
   line-height:27px;
    color: #C40000;
}

#left_body .evenement .description, #left_body .mainHeadline .description {
   font-size:13px;
   margin-bottom:8px;
}

#left_body .evenement .list, #left_body .mainHeadline .link {
   background:url(/medias/www/img/icn/bullet.gif) 0px 3px no-repeat;
   padding-left:13px;
   margin-bottom:4px;
   font-size:13px;
}

#left_body .evenement .image {
   border:0;
}

#left_body .evenement .image img {
   border:1px solid #ccc;
   vertical-align: text-bottom;
   display:block;
}

#left_body .evenement .top {
   margin-bottom:15px;
}

#left_body .evenement .bottom {
   margin-bottom:15px;
}

#left_body .evenement .title1 {
   text-align:justify;
   margin-bottom:15px;
    color: #C40000;
}

#left_body .evenement .title1 a, .title1{
   font-size:28px;
   line-height:30px;
    color: #C40000;
}

#left_body .evenement .top .image {
   float:left;
   width:390px;
   overflow:hidden;
   margin-bottom:0px;
}

#left_body .evenement .description {
   font-size:13px;
   margin-bottom:8px;
}

#left_body .evenement .block {
   float:left;
   margin-left:20px;
   width:155px;
   overflow:hidden;
}
* html #left_body .evenement .block {margin-left:19px;}

#left_body .evenement .block_tetiere {
   border-top:1px dotted #666;
}

#left_body .evenement .first {
   margin-left:0px!important;
}

#left_body .evenement .block .title {
   color:#666;
   font-size:14px;
   font-weight:bold;
   margin:8px 0 10px 0;
}

#left_body .evenement .block .tetiere {
   color:#222;
   font-weight:bold;
   text-transform:uppercase;
   font-size:12px;
   margin:8px 0 10px 0;
}

#left_body .evenement .bottom .image {
   width:155px;
   margin-bottom:5px;
}
html>/**/body #left_body .evenement .bottom .image {width:153px;}

#left_body .evenement .block .link {
   font:15px rockwell, serif;
}

#left_body .evenement .block .description {
   font-size:13px;
}

#left_body .blockFlux h3.title.evenement a,
#left_body .evenement .blockFlux h3.title.evenement {
   color:#900;
   border: none;
   margin-bottom: 0px;
}

/** Blocs de flux */
.blockFlux {
   display: block;
   float: left;
   padding-left: 20px;
   width: 100%;
}
.blockFlux.first {padding-left: 0px;}
* html #zoneFlux .blockFlux {margin-left: 18px;}
* html #zoneFlux .blockFlux.first {margin-left: 0px;}

.blockFlux h3.title,
.blockFlux h3.title a {
   color:#222222;
   font-family:rockwell;
   font-size:17px;
   line-height:19px;
   font-weight:bold;
   margin-bottom:10px;
   text-align:left;
}
.blockFlux h3.title a:hover {
   color: #990000;
   text-decoration: underline;
}

/** Minute par minute */
.blockFlux  .minParMin{
   margin:0px;
   padding:0px;
   width:100%;
}
.blockFlux .minParMin .description {
   margin-bottom:10px;
}
.blockFlux .minParMin h3 a img {
   position: absolute;
   right: 0px;
}
.blockFlux .minParMin .onWeb {
   background:transparent url(/medias/www/img/icn/surLeWeb.gif) no-repeat scroll 0 4px;
   margin-bottom:10px;
   padding-left:14px;
}

.blockFlux .minParMin .horoDate {
   float:right; 
   margin-bottom:8px;
   padding-left:0px;
   width:82%; /** Attention largeur variable */
}

.timestamp {
  
   color:#666;
   font-weight:bold;
   width:18%; /** Attention largeur variable */
   float:left;
   margin: 1px 0 0 0;
}

.blockFlux .minParMin  .type{
   color:#555555;
   float:left;
  
   font-weight:normal;
   margin-right:4px;
   text-transform:uppercase;
   top:1px;
}

.blockFlux .minParMin h4 a:hover {
   text-decoration: underline;
}

/** En zone edito 1 */



/* chat block */
#left_body .chatBlock, #rightColumn .chatBlock {
   position: relative;
}

#left_body .chatBlock .live, #rightColumn .chatBlock .live  {
   background:url(images/chat_live.gif) 0px 0px no-repeat;
   width:126px;
   height:17px;
   float:left;
}

#left_body .chatBlock .live.match, #rightColumn .chatBlock .live.match  {
   background:url(/medias/www/img/icn/live/match_en_cours.gif) 0px 0px no-repeat;
   width:140px;
   height:17px;
   float:left;
}

html>/**/body #left_body .chatBlock .live {width:129px;}
html>/**/body #rightColumn .chatBlock .live {width:129px;}

#left_body .chatBlock .live, #rightColumn .chatBlock .live {
	margin-top:2px;
}

#rightColumn .chatBlock {
   margin-bottom: 0;
}

#left_body .chatBlock .titleChat, #rightColumn .chatBlock .titleChat  {
   line-height: 20px;
   padding-bottom: 5px;
   font-weight:bold;
   margin-bottom: 8px;
}

#left_body .chatBlock .description  {
   padding-bottom: 0;
   margin-bottom: 0;
}

#left_body .chatBlock .titleChat {
   border-bottom: 1px dotted #999;
}

#rightColumn .chatBlock .titleChat {
   border-bottom: 1px solid #ccc;
}

#left_body .chatBlock .imageHeure, #rightColumn .chatBlock .imageHeure  {
   position: absolute;
   top: 2px;
   left: 0;
}

#left_body .chatBlock .autre, #rightColumn .chatBlock .autre  {
	width: 115px;
	float: left;
	position: relative;
}
#left_body .chatBlock .autrematch, #rightColumn .chatBlock .autrematch  {
   width: 140px;
   float: left;
   position: relative;
}
html>/**/body #left_body .chatBlock .autre {width:119px;}
html>/**/body #rightColumn .chatBlock .autre {width:119px;}
	
/* depeches block */
#left_body #timelines {
   position:relative;
}

#left_body #timelines .title {
   margin-bottom:8px;
   width: 90px;
   color:#900;
   font-size:14px;
   font-weight:bold;
   text-transform:uppercase;
}

#left_body #timelines h4 {
   width: 205px;
   float:right;
   margin-bottom:6px;
   padding: 0;
}

#left_body #timelines .timestamp {
   color:#222;
  
   font-weight: bold;
   float: left;
}

#left_body #timelines h4 .source {
   color: #333;
  
}

#left_body #timelines .link {
	background:url(../images/abonneContent.gif) 0px 3px no-repeat;
	padding-left:5px;
	font-size:11px;
	line-height:14px;
	margin-bottom:8px;
}

#left_body #timelines .link span {
   text-transform:uppercase;
   color:#c28100;
   font-weight:bold;
}

#timelines .toutes_depeches a {
  
   line-height:14px;
}

#timelines .toutes_depeches {
   position:absolute;
   top:0;
   right:0;
}

/* mainHeadline */
#left_body .mainHeadline .video {
   text-align:justify;
   margin-bottom:15px;
}

/* reaction block */

#left_body .reactionBlock {
   margin: 0;
   padding: 0;
   overflow:hidden;
   width:240px;
}

html>/**/body #left_body .reactionBlock {width:238px;}

#left_body .reactionBlockCadre {
   border:1px solid #bfbebe;
   position:relative;
}

.title {
   margin-bottom:4px;
   width: 220px;
   color:#900;
   font-size:14px;
   font-weight:bold;
   text-transform:uppercase;
}

#left_body .quote a {
   font-style:italic;
}
* html #left_body h2.title2.quote {width: 97%;} /** Fix IE7 */


#left_body .quote img {
   vertical-align:top;
   position:relative;
   top:4px;
}


#left_body .reactionBlock .text {
   font-size:13px;
   margin-bottom:5px;
}


#left_body .reactionBlock .quote {

   width:14px;
   height:12px;
   display:block;
   float:left;
   margin-right:6px;
}

#left_body .reactionBlock .commentaireBloc {
   font-size:13px;
   padding:10px 20px 10px 17px;
   margin: 0;
   width: 200px;
   float:left;
   overflow: hidden;
   height:140px;
}
* html #left_body .reactionBlock .commentaireBloc {width: 245px;} /** Fix IE7 */

#left_body .reactionBlock .arrowLeft {
   position:absolute;
   top:50px;
   left:0px;
   z-index: 1;
}
html>/**/body #left_body .reactionBlock .arrowLeft {left:0px;}

#left_body .reactionBlock .arrowRight {
   position:absolute;
   top:50px;
   right:0px;
}
html>/**/body #left_body .reactionBlock .arrowRight {right:0px;}

#left_body .reactionBlockBottom {
   background:url(/medias/www/img/bg/reactionBlock_bottom.gif) 0px 0px no-repeat;
   width:240px;
   height:18px;
   margin-bottom:10px;
}

/* pas manquer block */

#left_body .pasManquerBlock {
   overflow:hidden;
   margin: 0;
   padding: 0;
   width:239px;
}

#left_body .pasManquerBlockCadre {
   border:1px solid #bfbebe;
   position:relative;
   background:#404040;
}

.titles {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:6px 0 4px 0px;
	text-align:center;
}

#left_body .pasManquerBlock .title a {
   color:#fff;
   font: bold 14px arial, sans-serif;
}

#left_body .pasManquerBlock .type {
   color:#fff;
   font-weight: bold;
}

#left_body .pasManquerBlock .arrowLeft {
   position:absolute;
   z-index: 1;
   top:70px;
   left:0px;
}
html>/**/body #left_body .pasManquerBlock .arrowLeft {left:0px;}

#left_body .pasManquerBlock .arrowRight {
   position:absolute;
   top:70px;
   right:-1px;
}
html>/**/body #left_body .pasManquerBlock .arrowRight {right:0px;}

#left_body .pasManquerBlock .blocks {
   height:165px;
   overflow:hidden;
}

#left_body .pasManquerBlock .block {
   display:inline;
   width:116px;
   border-right:1px solid #bfbebe;
   float:left;
   z-index:1;
}
html>/**/body #left_body .pasManquerBlock .block {display:block;width:118px;}

#left_body .pasManquerBlock .image {
   border:0px solid #404040;
   width:114px;
   margin:2px 2px 0px 2px;
   overflow:hidden;
}
html>/**/body #left_body .pasManquerBlock .image {width:114px; margin:2px 0 8px 2px;}

#left_body .pasManquerBlock .link {
   padding:8px;
}

#left_body .pasManquerBlock a {
   color:#fff;
}

/* zone actu arrows */

#left_body .arrowLeft a,
#left_body .arrowRight a {
   display:block;
   width:13px;
   height:37px;
}

#left_body .arrowLeft a.on {
   background:url(/medias/www/img/bt/left_body_arrowLeft_on.png) 0px 0px no-repeat;
}

#left_body .arrowLeft a.off {
   background:url(/medias/www/img/bt/left_body_arrowLeft_off.png) 0px 0px no-repeat;
}

#left_body .arrowRight a.on {
   background:url(/medias/www/img/bt/left_body_arrowRight_on.png) 0px 0px no-repeat;
}

#left_body .arrowRight a.off {
   background:url(/medias/www/img/bt/left_body_arrowRight_off.png) 0px 0px no-repeat;
}

/* video block */
.video .desc {
   font: bold 11px/12px arial, sans-serif;
   text-align:left;
   color:#FFF;
   background:#404040;
   margin:0px 5px 0px 0px;
   padding: 0px 0px 5px 5px;
}

#left_body .videoBlock {
   background:#282828;
   overflow:hidden;
}

#left_body #annonce.videoBlock {
   background:#ffffff;
   border:1px solid #CCCCCC;
   border-top:none;
}

#left_body .videoBlock .video {
   text-align:justify;
}

#left_body .videoBlock .video .imageVideo {
   background-color:#404040;
   height:auto;
   padding-bottom: 0px;
}


#left_body .videoBlock .video .desc {width: 235px; }   
* html #left_body .videoBlock .video .desc {width: 240px; font-size: 1px; }



#left_body .videoBlock .title2 {
   padding:5px;
   border:1px solid #282828;
}

#left_body .videoBlock .title2 a {
   color:#fff;
   font: bold 13px rockwell;
}

#left_body .videoBlock .link {
   border-top:1px solid #282828;
   border-bottom:1px solid #282828;
   height:19px;
}

#left_body .videoBlock .link a {
   color:#fff;
  
   text-decoration:underline;
}

#left_body .videoBlock .tab {
   float:left;
   margin:2px 6px 0 4px;
   position:relative;
   top:1px;
}


#left_body .videoBlock .son {
   text-align:justify;
   margin-top:0px;
   line-height:0;
}

#left_body .videoBlock .son .image {
   width: 240px;
   overflow: hidden;
}

/* reaction */
#left_body .reaction a, #left_body .top .reaction a, #left_body .mainHeadline .reaction a {
   background:url(/medias/www/img/icn/reaction.png) 0 2px no-repeat;
   font:bold 11px arial, sans-serif;
   padding-left:15px;
}

#left_body .quoteBlock .title {
   color:#666;
   font-weight:bold;
   font-size:13px;
}

#left_body .quoteBlock .image {
   float:right;
   padding:1px;
   border:1px solid #999;
   margin-left:10px;
}

#left_body .lire a {
   font:11px arial, sans-serif!important;
   text-decoration:underline;
}

#left_body .reactionBlock {
   /* position:relative; */
}

#left_body .temoignageBlock .title {
   color:#333;
   font-size:14px;
   margin-bottom:4px;
}

.title2 {
   margin-bottom:10px;
}

#left_body .blogBlock .title {
   color:#444;
   font-weight:bold;
   font-size:12px;
   text-transform: uppercase;
}

#left_body .enDirectBlock .title {
   font:16px/18px rockwell, serif;
   margin-bottom:10px;
}

#left_body .enDirectBlock img {
   vertical-align:middle;
}

#left_body .enDirectBlock h3 {
   clear:left;
   background-image:none;
   padding-left:0px;
   margin-bottom:10px;
}

#left_body .enDirectBlock .timestamp {
  
   color:#666;
   font-weight:bold;
   width:40px;
   float:left;
}

#left_body .enDirectBlock h3 a {
   width:255px;
   float:left;
}

#left_body .mobileBlock .image {
   float:left;
   padding:0 10px;
}

#left_body .mobileBlock h4 {
   color:#666;
}

#left_body .actuNewsletter a {
   background:url(/medias/www/img/icn/newsletter.png) top left no-repeat;
   padding-left: 25px;
}

/** Indices */
#left_body div.enContinuBlock  {
   display: block;
}
#left_body .enContinuBlock table {
   width: 250px;
   float: left;
}
#left_body .enContinuBlock #indicesAdvert {
  float: left;
}
#left_body .enContinuBlock td {
   font-size:13px;
   padding:2px 15px 2px 0;
}

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

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

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

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


/* START SERVICE BLOCK */
.serviceBlock {
   color:#333;
}

.serviceBlockBottom {
   height:24px; 
   background:url(/medias/www/img/bg/serviceBlock_shadow.gif) top left repeat-x;
   overflow:hidden;
   position:relative;
   top:-1px;
}
html>/**/body .serviceBlockBottom {top:0px;}

.serviceBlock .tabs {
   height:28px;
   position:relative;
   z-index:10;
}

.serviceBlock .tabs div {
   float:left;
   margin-right:3px;
   width:98px;
}

.serviceBlock #serviceMiniBlockTab_2 {
   margin-right:0;
}	

.serviceBlock .tabs div.clear {
   float:none;
}

.serviceBlock .tabs a {
   padding-top:5px;
   display:block;
   color:#666;
   font-size:12px;
   font-weight:bold;
   text-align:justify;
   height:29px;
   line-height:21px;
   background:url(/medias/www/img/bg/serviceBlock_tab_off.gif) top left repeat-x;
}
html>/**/body .serviceBlock .tabs a {line-height:25px;height:24px;}

.serviceBlock .tab3 {
   margin-right:0px!important;
}

.serviceBlock .tabs .tabOff_0 a, .serviceBlock .tabs .tabOff_1 a, .serviceBlock .tabs .tabOff_2 a,
.serviceBlock .tabs .tabOn_0 a, .serviceBlock .tabs .tabOn_1 a, .serviceBlock .tabs .tabOn_2 a {
   top:0px;
   color:#333;
   border-left:1px solid #c0c0c0;
   border-right:1px solid #c0c0c0;
   text-decoration:none;
}
html>/**/body .serviceBlock .tabs .tabOn_0 a {line-height:25px;}
html>/**/body .serviceBlock .tabs .tabOn_1 a {line-height:25px;}
html>/**/body .serviceBlock .tabs .tabOn_2 a {line-height:25px;}

.serviceBlock .free .tabOn_0 a, .serviceBlock .free .tabOn_1 a, .serviceBlock .free .tabOn_2 a {
   background:url(/medias/www/img/bg/serviceBlock_tab_on.gif) top left repeat-x #fff;
}

.serviceBlock .abonne .tabOn_0 a, .serviceBlock .abonne .tabOn_1 a, .serviceBlock .abonne .tabOn_2 a {
   background:url(/medias/www/img/bg/serviceBlock_tabAbonne_on.gif) top left repeat-x #fff;
}

.serviceBlock .free .tabOn_0 span, .serviceBlock .free .tabOn_1 span, .serviceBlock .free .tabOn_2 span {
   background:url(/medias/www/img/icn/serviceBlock_arrow_free.gif) center right no-repeat;
   padding-right:12px;
}

.serviceBlock .abonne .tabOn_0 span, .serviceBlock .abonne .tabOn_1 span, .serviceBlock .abonne .tabOn_2 span {
   background:url(/medias/www/img/icn/serviceBlock_arrow_abonne.gif) center right no-repeat;
   padding-right:12px;
}

.serviceBlock .blocks {
   border:1px solid #c0c0c0;
   padding:9px 9px 0 9px;
   position:relative;
   top:-1px;
   z-index:1;
}
html>/**/body .serviceBlock .blocks {top:0px}

.serviceBlock .bottomLink {
   border-top:1px dotted #999;
  
   margin-top:7px;
   padding:4px 0;
}

.serviceBlock .type {
  
   text-transform:uppercase;
   font-weight:bold;
   color:#666;
}

.serviceBlock .image {
   float:left;
   margin-right:10px;
}



/* serviceMiniBlock1 */

.serviceBlock #serviceMiniBlock0 .jeImage {
   float:left;
   margin-right:10px;
   width:108px;
   height:76px;
   border:1px solid #c0c0c0;
   overflow:hidden;
}
 
.serviceBlock #serviceMiniBlock0 .link a {
   font-weight:bold;
}

.serviceBlock #serviceMiniBlock0 .jeLink a {
   font:16px/19px rockwell, serif;
   color:#333;
}

/* serviceMiniBlock2 */
.serviceBlock #serviceMiniBlock1 table {
   width:280px;
   border-collapse:separate;
   border-spacing:3px;
}

.serviceBlock #serviceMiniBlock1 td {
   text-align:justify;
   width:33%;
   color:#333;
}

.serviceBlock #serviceMiniBlock1 td .description {
  
}

.serviceBlock #serviceMiniBlock1 table .image {
   float:none;
   margin-right:0px;
}


/* serviceMiniBlock3 */

.serviceBlock #serviceMiniBlock2 .timestamp {
   float:left;
   border-right:1px solid #c0c0c0;
   color:#666;
  
   line-height:13px;
   font-weight:bold;
   padding-right:12px;
   margin-right:15px;
}

.serviceBlock #serviceMiniBlock2 .link {
   float:left;
   margin-right:15px;
   margin-top:5px;
}

.serviceBlock #serviceMiniBlock2 .number {
   float:left;
   font-size:16px;
   font-weight:bold;
   margin-right:5px;
   margin-top:5px;
}

.serviceBlock #serviceMiniBlock2 .percent {
   float:left;
   margin-top:5px;
   margin-left: 20px;
}

.serviceBlock #serviceMiniBlock2 .percent span {
   font-size:16px;
   font-weight:bold;
   padding-left:17px;
}

.serviceBlock #serviceMiniBlock2 .percent .negative {
   color:#c00;
   background:url(/medias/www/img/icn/var-medium-home-red.gif) no-repeat left center;
}

.serviceBlock #serviceMiniBlock2 .percent .positive {
   color:#248a1d;
   background:url(/medias/www/img/icn/var-medium-home-green.gif) no-repeat left center;
}

/* END NEW SERVICE BLOCK */


/* PORTFOLIO PLAYER */
.portfolioPlayerHorizontal, .portfolioPlayerVertical {
   overflow: hidden;
   background:#404040;
   padding-top:1px;
   position: relative;
}

.portfolioPlayerHorizontal {
   height:198px;
}

.portfolioPlayerVertical {
   height:280px;
}
   
.portfolioPlayerHorizontal .videoPortfolio, .portfolioPlayerVertical .videoPortfolio {
   position: relative;
   text-align:justify;  
   margin: 0;
   width:238px;
   
}

.portfolioPlayerVertical .videoPortfolio {
   text-align:left;
   /* top: 0; */
}

.portfolioPlayerVertical .videoPortfolio .imagePortfolio {
   width: 280px;
   z-index: 1000;
   overflow: hidden;
}

.portfolioPlayerHorizontal .videoPortfolio .imagePortfolio {
   width: 240px;
   overflow: hidden;
}

.portfolioPlayerHorizontal .imageFleche, .portfolioPlayerVertical .imageFleche {
   border-left: solid 5px #404040;
   border-right: solid 5px #404040;
   border-bottom: solid 5px #404040;
   position: absolute;
   top: 0;
   left: 0;
   width: 230px;
   cursor: pointer;
   background:url(/medias/www/img/bt/btn_appel_portfolio_2.png) center center no-repeat;
}
* html .portfolioPlayerHorizontal .imageFleche, 
* html .portfolioPlayerVertical .imageFleche {
   width: 240px;
}   

.portfolioPlayerHorizontal .imageFleche {
   height: 175px;
}

.portfolioPlayerVertical .imageFleche {
   height: 260px;
}

.portfolioPlayerHorizontal .titlePortfolio, .portfolioPlayerVertical .titlePortfolio {
   background:#404040;
   padding-right: 4px;
   padding-left: 5px;
   margin-top: 3px;
   overflow: hidden;
   margin-bottom: 2px;
   width:244px;
}

html>/**/body .portfolioPlayerHorizontal .titlePortfolio {width:236px; }
html>/**/body .portfolioPlayerVertical .titlePortfolio {width:236px; }

.portfolioPlayerHorizontal .titlePortfolio a, .portfolioPlayerVertical .titlePortfolio a {
   color:#FFF;
   font: bold 12px arial, sans-serif;
}

.portfolioPlayerHorizontal .titlePortfolio a:hover,
.portfolioPlayerVertical .titlePortfolio a:hover, 
#zoneProposition .portfolioPlayerHorizontal .titlePortfolio a:hover,
#zoneProposition .portfolioPlayerHorizontal .titlePortfolio a:hover {
   color:#FFF;
   text-decoration: underline;
}

.portfolioPlayerHorizontal .titlePortfolio .portfolio, .portfolioPlayerVertical .titlePortfolio .portfolio {
   background:transparent url(/medias/www/img/icn/camera.gif) no-repeat scroll left top;
   padding-right:15px;
}

.portfolioPlayerHorizontal .titlePortfolio b, .portfolioPlayerVertical .titlePortfolio b {
   position:relative;
   top:-1px;
}

.portfolioPlayerHorizontal .desc, .portfolioPlayerVertical .desc {
   position: absolute;
   height: 5px;
   line-height: 1px;
   width: 240px;
   bottom: 0px;
   font: bold 11px arial, sans-serif;
   background:#404040;
}
html>/**/body .portfolioPlayerHorizontal .desc {width:240px; }
html>/**/body .portfolioPlayerVertical .desc {width:240px; }

.space_5 {
   height: 5px;  
}

.space_10 {
   height: 10px;  
}

.space_15 {
   height: 15px;  
}

.space_20 {
   height: 20px;  
}

/* PORTFOLIO */

.portfolioBlockHorizontal, .portfolioBlockVertical {
   height:326px;
   background:#404040;
   overflow: hidden;
}

.portfolioBlockHorizontal .videoPortfolio, .portfolioBlockVertical .videoPortfolio {
   position: relative;
   text-align:justify;  
   margin: 0;
   width:330px;
}

.portfolioBlockVertical .videoPortfolio {
   text-align:left;
   top: 0;
}

.portfolioBlockVertical .videoPortfolio .imagePortfolio {
   height: 295px;
   width: 230px;
   overflow: hidden;
}

.portfolioBlockHorizontal .imageFleche {
   border-left: solid 5px #404040;
   border-right: solid 5px #404040;
   position: absolute;
   top: 0;
   left: 0;
   width: 330px;
   height: 218px;
   cursor: pointer;
   background:url(/medias/www/img/bt/btn_appel_portfolio_2.png) center center no-repeat;
}

html>/**/body .portfolioBlockHorizontal .imageFleche {width:320px; border-left: solid 5px #404040; border-right: solid 5px #404040;}

.portfolioBlockVertical .imageFleche {
   border-left: solid 6px #404040;
   position: absolute;
   top: 0;
   left: 0;
   width: 220px;
   height: 299px;
   cursor: pointer;
   background:url(/medias/www/img/bt/btn_appel_portfolio_2.png) center center no-repeat;
}

html>/**/body .portfolioBlockVertical .imageFleche {width:215px; }

.portfolioBlockVertical .barrePied {
	background: #404040;
	position: absolute;
	top: 320px;
	width: 330px;
}
html>/**/body .portfolioBlockVertical .barrePied {top: 358px; }

.portfolioBlockVertical .barrePied {
	display: none,
}

.portfolioBlockHorizontal .titlePortfolio, .portfolioBlockVertical .titlePortfolio {
   background:#404040;
   margin-right: 4px;
   padding-left: 5px;
   margin-top: 5px;
   overflow: hidden;
   margin-bottom: 4px;
}

.portfolioBlockHorizontal .titlePortfolio a, .portfolioBlockVertical .titlePortfolio a {
   color:#FFF;
   font: bold 14px arial, sans-serif;
}

.portfolioBlockHorizontal .titlePortfolio a:hover,
.portfolioBlockVertical .titlePortfolio a:hover, 
#zoneProposition .portfolioBlockHorizontal .titlePortfolio a:hover,
#zoneProposition .portfolioBlockHorizontal .titlePortfolio a:hover {
	color:#FFF;
   text-decoration: underline;
}

.portfolioBlockHorizontal .titlePortfolio .portfolio, .portfolioBlockVertical .titlePortfolio .portfolio {
   background:transparent url(/medias/www/img/icn/camera.gif) no-repeat scroll left top;
   padding-right:15px;
}

.portfolioBlockHorizontal .titlePortfolio b, .portfolioBlockVertical .titlePortfolio b {
   position:relative;
   top:-1px;
}

.portfolioBlockHorizontal .desc {
   font: bold 11px arial, sans-serif;
   margin:5px 5px 0px;
   padding-bottom:5px;
   text-align:left;
   color:#FFF;
}

.portfolioBlockVertical .desc {
   font: bold 11px arial, sans-serif;
   margin-bottom:0px;
   padding-bottom:5px;
   top: 40px;
   position: absolute;
   margin-left: 224px;
   width: 90px;
   text-align:left;
   color:#FFF;
}

/** WIDGET LIVE */
#zoneLive{
   margin-bottom:20px;
}
#zoneLive .title {
   background:url(/medias/www/img/tit/titleBar.gif) top left repeat-x;
   font:bold 17px arial, san-serif;
   padding-top:13px;
   margin-bottom:5px;
   color : #990000;
   text-transform:uppercase;
   width: 100%;
}


/* ZONE PROMOTION */
#zonePromotion {
   margin-bottom:20px;
}

#zonePromotion .jeBlock,
#zonePromotion .eaBlock {
   width:330px;
   margin-right:20px;
   float:left;
   border-bottom:2px solid #ccc;
   position:relative;
   line-height:14px;
}
* html #zonePromotion .eaBlock {margin-right:19px;}
/* eaBlock */

#zonePromotion .eaBlock .title {
   background:url(/medias/www/img/tit/titleBar3.gif) top left repeat-x;
   padding-top:14px;
   margin-bottom:5px;
}

#zonePromotion .eaBlock .type {
   color:#bf8000;
   font-weight:bold;
   font-size:10px;
   text-transform:uppercase;
}

#zonePromotion .eaBlock .column1 {
   float:left;
   width:160px;
   margin-right:12px;
   position:relative;
}

#zonePromotion .eaBlock .column1 .link {
   border-right:1px solid #ccc;
   border-left:1px solid #ccc;
   border-bottom:1px solid #ccc;
   padding:6px 8px;
   background:#fff;
}

#zonePromotion .eaBlock .column2 {
   float:left;
   width:158px;
}

#zonePromotion .eaBlock .column2 .link {
   margin-bottom:10px;
}

#zonePromotion .eaBlock .column2 .link h4 {
   background: transparent url(/medias/www/img/icn/arrow.png) no-repeat scroll 0pt 3px; 
   padding-left: 12px;
}

#zonePromotion .eaBlock .column2 .image {
   text-align:justify;
}

#zonePromotion .eaBlock .bottomLink {
   border-top:1px dotted #666;
   padding:2px 0 2px 12px;
   clear:both;
   margin-top:10px;
   background: transparent url(/medias/www/img/icn/arrow.png) no-repeat scroll 0pt 5px; 
}

#zonePromotion .eaBlock .bottomLink a {
   color:#666;
   font-weight:bold;
   font-size:12px;
}

/* jeBlock */
#zonePromotion .jeBlock .title {
   background:url(/medias/www/img/tit/titleBar3.gif) top left repeat-x;
   padding-top:17px;
   margin-bottom:13px;
}

#zonePromotion .jeBlock .newspaper {
   float:left;
   margin:0px;
   border:1px solid #ccc;
   margin-right:7px;
   height:105px;
   overflow:hidden;
   margin-bottom: 8px;
}
html>/**/body #zonePromotion .jeBlock .newspaper {margin-right:10px;}

#zonePromotion .jeBlock .column2 {
   float:left;
   width:170px;
   position:relative;
   top:-2px;
}

#zonePromotion .jeBlock .headline {
   font:17px/18px rockwell, serif;
   margin-bottom:10px;
}

#zonePromotion .jeBlock .headline a {
   color:#222;
}

#zonePromotion .jeBlock .headline a:hover {
   text-decoration:none;
}

#zonePromotion .jeBlock .description {
   font:11px rockwell, serif;
}

#zonePromotion .jeBlock .keyword {
   color:#900;
   font-weight:bold;
}

#zonePromotion .jeBlock .edition {
   margin-top:2px;
   line-height:15px;
}

#zonePromotion .jeBlock .link {
   border-top:1px dotted #666;
   width:330px;
   padding:2px 0;
   clear:both;
}

#zonePromotion .jeBlock .link a {
   height:19px;
   line-height:19px;
   display:block;
   color:#666;
   font-weight : bold;
}

/* specialEditionBlock */

#zonePromotion .specialEditionBlock {
   width:330px;
   float:left;
   position:relative;
   height:188px;
   overflow:hidden;
}

#zonePromotion .specialEditionBlock .title {
   background:url(/medias/www/img/tit/titleBar.gif) top left repeat-x;
   font:bold 17px arial, san-serif;
   padding-top:13px;
   margin-bottom:5px;
   color : #990000;
   text-transform:uppercase;
}

#zonePromotion .specialEditionBlock .title a {
   color:#990000;
}

#zonePromotion .specialEditionBlock .link {
   font: bold 15px/18px arial, sans-serif;
   position:absolute;
   bottom:4px;
   left:4px;
   width:165px;
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;
   background-color:#404040;
}

#zonePromotion .specialEditionBlock .titreUneNv a {
   display: none;
   color: #404040;
   bottom:4px;
   left:4px;
   width:160px;
   padding: 2px 2px 0px 4px;
}

#zonePromotion .specialEditionBlock .titreUne {
   font:bold 15px/18px arial, sans-serif;
   color:#fff;
   position:absolute;
   bottom:4px;
   left:4px;
   width:160px;
   padding: 2px 2px 0px 4px;
}

#zonePromotion .specialEditionBlock .link a {
   color:#404040;
   background-color:#404040;
   display:block;
}

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

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

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

#zonePromotion .specialEditionBlock .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 #zonePromotion .specialEditionBlock .icon {top:1px;}
* html #zonePromotion .specialEditionBlock .icon {width:16px;height:16px;}

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

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

#zonePromotion .specialEditionBlock .blog {
   background:url(/medias/www/img/icn/blog_post.png) top left no-repeat;
}

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

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

/* ZONE OPINIONS */
#zoneOpinions {
   width:680px;
   margin-bottom:0px;
   position:relative;
}
html>/**/body #zoneOpinions {float:left;}

#zoneOpinions .block {
   border-top:1px solid #ccc;
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
   background:#fff;
   padding:15px 10px 15px 15px;
}

#zoneOpinions #opinionsContent_0, #zoneOpinions #opinionsContent_1 {
   padding:15px 10px 0 15px;
}
   
#zoneOpinions .type {
  
   font-weight:bold;
   color:#666;
   margin-right:2px;
   text-transform:uppercase;
}

#zoneOpinions .bottom {
   height:3px;
   overflow:hidden;
   background:url(/medias/www/img/bg/zOpinions_bottom.gif) top left repeat-x;
}

#zoneOpinions .lire a {
   font:11px arial, sans-serif;
   text-decoration:underline;
}

/* tabs */

#zoneOpinions ul {
   padding:0px;
   height:32px;
   position:relative;
   top:1px;
}

#zoneOpinions li {
   float:left;
   text-align:left;
   height:32px;
   overflow:hidden;
}

#zoneOpinions li div a {
   height:32px;
   width:224px;
   display:block;
}

#zoneOpinions li div a:hover {
   text-decoration:none;
}

#zoneOpinions .tabOn_0, #zoneOpinions .tabOff_0,
#zoneOpinions .tabOn_1, #zoneOpinions .tabOff_1{
   margin-right:4px;
   text-align:justify;
}
#zoneOpinions .tabOn_2, #zoneOpinions .tabOff_2 {
   text-align:justify;
}

#zoneOpinions .tabOn_0, #zoneOpinions .tabOff_0,
#zoneOpinions .tabOn_1, #zoneOpinions .tabOff_1,
#zoneOpinions .tabOn_2, #zoneOpinions .tabOff_2{
   text-align:justify;
}

#zoneOpinions .tabOn_0 a, #zoneOpinions .tabOn_1 a, #zoneOpinions .tabOn_2 a {
   font:bold 17px arial, sans-serif;
   color:#222;
   padding-top:7px;
}

#zoneOpinions .tabOff_0 a, #zoneOpinions .tabOff_1 a, #zoneOpinions .tabOff_2 a {
   font:bold 17px arial, sans-serif;
   color:#666;
   padding-top:7px;
}

#zoneOpinions .tabOn_0 {
   background:url(/medias/www/img/tit/zOpinions_opinions_on.gif) top left no-repeat;
}

#zoneOpinions .tabOn_1 {
   background:url(/medias/www/img/tit/zOpinions_blogs_on.gif) top left no-repeat;
}

#zoneOpinions .tabOn_2 {
   background:url(/medias/www/img/tit/zOpinions_temoignages_on.gif) top left no-repeat;
}

#zoneOpinions .tabOff_0,
#zoneOpinions .tabOff_1,
#zoneOpinions .tabOff_2 {
   background:url(/medias/www/img/tit/zOpinions_off.gif) top left no-repeat;
}

/** IE !??!? */
* html #zoneOpinions .tabOn_0, 
* html #zoneOpinions .tabOn_1, 
* html #zoneOpinions .tabOn_2,
* html #zoneOpinions .tabOff_0,
* html #zoneOpinions .tabOff_1,
* html #zoneOpinions .tabOff_2 {
   width:224px;
}

/* opinions */

#zoneOpinions #opinionsContent_0 .detail {
   width:359px;
   float:left;
}

#zoneOpinions #opinionsContent_0 .detail .link a {
   font:18px/21px rockwell;
}

#zoneOpinions #opinionsContent_0 .detail .description {
   margin-top:3px;
}

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

#zoneOpinions #opinionsContent_0 .links {
   float:left;
   border-left:1px dotted #ccc;
   width:273px;
   padding:0px 15px;
   margin-top: 15px;
   margin-left:15px;
}
html>/**/body #zoneOpinions #opinionsContent_0 .links {width:243px;}

#zoneOpinions #opinionsContent_0 .links .link {
   margin-bottom:4px;
}

#zoneOpinions  #opinionsContent_0 .links .link .reaction a {
   background:url(/medias/www/img/icn/reaction.png) 0 2px no-repeat;
   font:bold 11px arial, sans-serif;
   padding-left:15px;
}

/* blogs */

#zoneOpinions #opinionsContent_1 .detail {
   width:214px;
   float:left;
   margin-top:18px;
   margin-left:12px;
   padding-left:12px;
   padding-bottom:2px;
   border-left:1px dotted #999;
}
html>/**/body #zoneOpinions #opinionsContent_1 .detail {width:200px;}

#zoneOpinions #opinionsContent_1 .first {
   width:202px;
   margin-left:0px;
   padding-left:0px;
   border-left:0px dotted #999;
}

#zoneOpinions #opinionsContent_1 .link {
   font:bold 16px rockwell, serif;
   padding-bottom:5px;
}

#zoneOpinions #opinionsContent_0 .bottomLink, #zoneOpinions #opinionsContent_1 .bottomLink {
   border-top:1px dotted #666;
   width:auto;
   padding:2px 0 2px 12px;
   clear:both;
   margin-top:10px;
   background: transparent url(/medias/www/img/icn/arrow.png) no-repeat scroll 0pt 6px; 
}

* html #zoneOpinions #opinionsContent_0 .bottomLink, * html #zoneOpinions #opinionsContent_1 .bottomLink {
   background: url(/medias/www/img/icn/arrow.png) no-repeat scroll 0pt 10px;
}

#zoneOpinions #opinionsContent_0 .bottomLink a, #zoneOpinions #opinionsContent_1 .bottomLink a {
   font-weight:bold;
   font-size:12px;
}

/* temoignages */

#zoneOpinions #opinionsContent_2 .detail {
   width:316px;
   float:left;
   margin-top:10px;
   margin-left:15px;
   padding-left:15px;
   padding-bottom:2px;
   border-left:1px dotted #999;
}
html>/**/body #zoneOpinions #opinionsContent_2 .detail {width:308px;}

#zoneOpinions #opinionsContent_2 .first {
   width:308px;
   margin-left:0px;
   padding-left:0px;
   border-left:0px dotted #999;
}

#zoneOpinions #opinionsContent_2 .type {
   text-align:justify;
}

#zoneOpinions #opinionsContent_2 .link {
   text-align:justify;
   margin-top:2px;
   margin-bottom:6px;
}

#zoneOpinions #opinionsContent_2 .link a {
   font:18px rockwell, serif;
}

/* chroniques */

#zoneOpinions.onglets.chroniques .tabOn_2 {
   background:url(/medias/www/img/tit/zOpinions_chroniques_on.gif) top left no-repeat;
}

#zoneOpinions #opinionsChroniquesAbonnesContent .detail {
   width:214px;
   float:left;
   margin-top:10px;
   margin-left:15px;
   padding-left:15px;
   padding-bottom:2px;
   border-left:1px dotted #999;
}
html>/**/body #zoneOpinions #opinionsChroniquesAbonnesContent .detail {width:197px;}

#zoneOpinions #opinionsChroniquesAbonnesContent .first {
   width:200px;
   margin-left:0px;
   padding-left:0px;
   border-left:0px dotted #999;
}

#zoneOpinions #opinionsChroniquesAbonnesContent .type {
   text-align:left;
	color:#BF8000;
	font-size:11px ;
	font-weight:bold ;
	text-transform: uppercase;
}

#zoneOpinions #opinionsChroniquesAbonnesContent  .author {
font-size:13px !important;
font-weight:bold !important;
margin:0px 0px 2px;
}

#zoneOpinions #opinionsChroniquesAbonnesContent .link {
   margin-bottom:2px;
   text-align: left;
}

#zoneOpinions #opinionsChroniquesAbonnesContent .link a {
   font:16px rockwell, serif;
   font-weight:bold;
}

#zoneOpinions #opinionsChroniquesAbonnesContent .image {
 border: 1px solid #cccccc;
 padding: 0px;
 height: 52px;
 width: 52px;
 float: left;
 overflow: hidden;
 margin: 4px 4px 0px 0px;
}

#zoneOpinions #opinionsChroniquesAbonnesContent .image .crop {
 border: 1px solid #FFFFFF;
 float: left;
 overflow: hidden;
 margin: 0;
}
#zoneOpinions #opinionsChroniquesAbonnesContent .image .crop.vertical {height: 50px;}
#zoneOpinions #opinionsChroniquesAbonnesContent .image .crop.horizontal {width: 50px;}
 
/** IE Fix? */
* html #zoneOpinions #opinionsChroniquesAbonnesContent .image {width: 50px;}
* html #zoneOpinions #opinionsChroniquesAbonnesContent .image .crop.horizontal {width: 49px;} 
* html #zoneOpinions #opinionsChroniquesAbonnesContent .image .crop.vertical {width: 49px;} 
 
#zoneOpinions #opinionsChroniquesAbonnesContent .image img {
 display: block;
 vertical-align: text-bottom;
}

#zoneOpinions #opinionsChroniquesAbonnesContent p.description {
margin-top: 5px;
}

#zoneOpinions #opinionsChroniquesAbonnesContent .bottomLink {
background:transparent url(/medias/www/img/icn/arrow.png) no-repeat scroll 0 6px;
border-top:1px dotted #666666;
clear:both;
margin-top:10px;
padding:2px 0 2px 12px;
width:auto;
}

#zoneOpinions #opinionsChroniquesAbonnesContent .bottomLink a {
font-size:12px;
font-weight:bold;
}

#zoneOpinions .block.chroniques {
	padding-bottom: 0px;
}	

/* ZONE PROPOSITION */
#zoneProposition_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;
}

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

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

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

#zoneProposition .title img.rss {
   position:absolute;
   right: 0;
   top: 16px;
}

#zoneProposition .title, #zoneProposition .title a {
   color:#990000;
}

#zoneProposition .title a:hover {
   text-decoration: underline;  
}

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

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

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

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

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

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

#zoneProposition 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;
}

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


/*  rollover behavior  */

#zoneProposition .description {
   visibility:hidden;
}
#zoneProposition .imageTextBlock a:hover .description,
#zoneProposition .textBlock a:hover .description,
#zoneProposition .twoColumnBlock a:hover .description,
#zoneProposition .wideBlock a:hover .description,
#zoneProposition .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;
}
#zoneProposition .wideBlock a:hover .description {
   height: 326px;
}

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

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


/*  imageTextBlock  */

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

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

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

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



/*  bigPlayerBlock  */

#zoneProposition .bigPlayerBlock {
   background-color:#404040;
   width:330px;
   height:326px;
   overflow:hidden;
}

#zoneProposition .bigPlayerBlock .link {
   width:330px;
   height:32px;
   bottom:0px;
   background-color:#404040;
   padding: 5px;
}
html>/**/body #zoneProposition .bigPlayerBlock .link {width:320px;}

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

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

#zoneProposition .bigPlayerBlock .link a:hover {
   cursor: pointer;
   text-decoration: underline;   
}

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

#zoneProposition .bigPlayerBlock .videoIcon {
   background:url(/medias/www/img/icn/videoBlock_video.png) 0px 0px no-repeat;
   padding-right:15px;
   height:10px;
   margin-top:4px;
   margin-right:4px;
}

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

#zoneProposition .bigPlayerBlock .video .imageVideo {
   background-color:#404040;
   height:auto;
   padding-bottom: 0px;
}

#zoneProposition .bigPlayerBlock .video .imageFleche {
   background:url(/medias/www/img/bt/btn_appel_video.png) center center no-repeat;
   position: absolute;
   top: 0;
   left: 0;
   width: 330px;
   cursor: pointer;
   height: 220px;
}

#zoneProposition .bigPlayerBlock .video .desc {   
   width: 325px;
   height: auto;
}   
* html #zoneProposition .bigPlayerBlock .video .desc {width: 330px;}

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

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

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

#zoneProposition .wideBlock a .link,
#zoneProposition .twoColumnBlock a .link {
   filter:alpha(opacity=80);
   -moz-opacity:0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;
   position:absolute;
   bottom:4px;
   left:4px;
   width:165px;
   background:none;
   background-color:#404040;
   border:0px solid #fff;
   padding: 2px 2px 2px 4px;
}

#zoneProposition .wideBlock a .titreUneNv,
#zoneProposition .twoColumnBlock a .titreUneNv {
	font:bold 15px/18px arial, sans-serif;
	filter:alpha(opacity=0);
   -moz-opacity:0;
   -khtml-opacity: 0;
   opacity: 0;
   color: #404040;
}

#zoneProposition .wideBlock a .titreUne,
#zoneProposition .twoColumnBlock a .titreUne {
	font:bold 15px/18px arial, sans-serif;
	color:#fff;
   position:absolute;
   bottom:4px;
   left:4px;
   width:165px;
   padding: 2px 2px 2px 4px;
}

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

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

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

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

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

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

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

/** #zoneProposition #filTexte.twoColumnBlock */
#zoneProposition #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 #zoneProposition #filTexte.twoColumnBlock {height: 157px; width: 330px}

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

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

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

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

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

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

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

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

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

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

#zoneProposition #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;
}
   
#zoneProposition #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 #zoneProposition #filTexte.twoColumnBlock .icon {top:1px;}
* html #zoneProposition #filTexte.twoColumnBlock .icon {width:16px;height:16px;}

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

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

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

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

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

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

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

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

#zoneProposition .twoColumnListBlock h3 {
  
   margin-top:8px;
   width:265px;
   float:left;
}


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

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

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

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

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


/* ZONE ET AUSSI OLD NEW bloc rubriques */

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

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

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

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

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

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

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

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

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

#zoneProposition .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 #zoneProposition .rubriquesBlock .icon {top:1px;}
* html #zoneProposition .rubriquesBlock .icon {width:16px;height:16px;}

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

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

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

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

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

/** Bloc en continu */

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

#zoneProposition .enContinuBlock h3 a:hover {
   text-decoration: underline;
}

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

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

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

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

#zoneProposition .enContinuBlock h5 {
   border-top:1px dotted #999999;
   background:transparent url(/medias/www/img/icn/arrow.png) no-repeat scroll 0 8px;
   padding:5px 0px 0px 12px;
   margin:3px 0px 15px;
}
* html #zoneProposition .enContinuBlock h5 {padding-top: 1px;}

#zoneProposition .enContinuBlock h5 a:hover {
   text-decoration: underline;
}   

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

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

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

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

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

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

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

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


#zoneProposition .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 #zoneProposition .enContinuBlock .icon {top:1px;}
* html #zoneProposition .enContinuBlock .icon {width:16px;height:16px;}

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

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

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

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

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


/* ZONE FAIRE PART */
#zoneFairePart {
   margin-bottom:20px;
}

#zoneFairePart .title {
   font-weight:bold;
   text-transform:uppercase;
   font-size:14px;
}

/* fairePartBlock */

#zoneFairePart .fairePartBlock {
   float:left;
   width:152px;
   margin-right:17px;
   position:relative;
}

#zoneFairePart .fairePartBlock .title {
   background:url(/medias/www/img/tit/titleBar.gif) top left repeat-x;
   padding-top:15px;
   padding-bottom:10px;
}

#zoneFairePart .fairePartBlock .block {
   background:transparent url(/medias/www/img/carnet/pave_une/back_fairepart.gif) no-repeat scroll left top;
   height:168px;
   margin-bottom:5px;
   position:relative;
   text-align:justify;
}

#zoneFairePart .fairePartBlock .block .message {
   background:#DAE9F0 none repeat scroll 0% 0%;
   font:12px/14px rockwell, serif;
   font-size:12px;
   font-weight:bold;
   padding:4px;
   padding-bottom:0px;
   text-align:justify;
   text-transform:uppercase;
   width:130px;
   height:62px;
   left:-1px;
   top:11px;
   position:relative;
   overflow:hidden;
}

html > body #zoneFairePart .fairePartBlock .block .message {
   height:58px;
   width:122px;
   left:10px;
}

#zoneFairePart .fairePartBlock .block .image {
   position:absolute;
   left:-1px;
   top:11px;
   width:130px;
   height:84px;
   position:relative;
   overflow:display;
}

html > body #zoneFairePart .fairePartBlock .block .image {
left:10px;
}

#zoneFairePart .fairePartBlock .link {
   background:url(/medias/www/img/icn/arrow.png) 0px 3px no-repeat;
   padding-left:7px;
  
}

#zoneFairePart .fairePartBlock .navigation {
font-size:12px;
text-align:justify;
float:right
}

/* offresBlock */

#zoneFairePart .offresBlock {
   float:left;
   width:510px;
}

#zoneFairePart .offresBlock .title {
   background:url(/medias/www/img/tit/titleBar.gif) top left repeat-x;
   padding-top:15px;
}

#zoneFairePart .offresBlock .block {
   float:left;
   margin:10px;
   width:150px;
   display:inline;
}
* html #zoneFairePart .offresBlock .block {margin:9px;}

#zoneFairePart .offresBlock .link {
   font-size:12px;
}

#zoneFairePart .offresBlock form {
   margin-top:8px;
   font-size:12px;
}

#zoneFairePart .offresBlock .block img {
   border:0px solid #ccc;
   margin-bottom:5px;
}

/* PAVE ABONNES */




/* ZONE SERVICE */
#mid_footer {
   padding-bottom:30px;
   line-height:14px;
}

#mid_footer .title {
   background:url(/medias/www/img/tit/titleBar2.gif) top left repeat-x;
   font:bold 17px arial, sans-serif;
   padding-top:13px;
   margin-bottom:8px;
}

#mid_footer .title1 { 
font-family:rockwell;
   color:#900;
   font-weight:bold;
   text-transform:uppercase;
   margin-bottom:10px;
   border-top:1px dotted #777;
   padding-top:10px;
   line-height:14px;
}
#mid_footer .title1 a {
font-family:rockwell;
	 color: #C40000;
   font-weight:bold;
	line-height:14px;
	margin-bottom:10px;
	padding-top:10px;
	text-transform:uppercase;
}

#mid_footer .title1 span {
font-family:rockwell;
   color:#333;
   font-weight:normal;
   text-transform:none;
  
}

#mid_footer .column1 {
font-family:rockwell;
   float:left;
   width:330px;
   margin-right:20px;
}
* html #mid_footer .column1 {margin-right:19px;}

#mid_footer .column2 {
   float:left;
   width:650px;
}

#mid_footer select {
   font-size:10px;
}



/* announcesBlock */

#announcesBlock {
   height:330px;
   overflow:hidden;
}

#announcesBlock .column1,
#announcesBlock .column2 {
   width:155px;
}

#announcesBlock a {
   font-weight:bold;
  
}

/* emploiBlock */



#mid_footer .emploiBlock {
   float:left;
}

#mid_footer .emploiBlock .link {
   margin-bottom:10px;
}

#mid_footer .emploiBlock .rechercher {
   font-family: arial, sans-serif;
   font-size: 11px;
   font-weight:bold;
   color: #fff;
   width: auto;
   height: 20px;
   padding-left: 2px;
   padding-right: 2px;
   padding-top: 1px;
   background: #36c;
   border-top:1px solid #69c;
   border-right:2px solid #36c;
   border-bottom:2px solid #36c;
   border-left:1px solid #69c;
}

#mid_footer .emploiBlock a .rechercher {
	text-decoration: none;
	cursor: pointer;
}

#mid_footer .emploiBlock span {
        font-size: 10px;
        color:#666666;
        line-height:10px;
}
	
/* rencontresBlock */

#mid_footer .rencontresBlock {
   width:155px;
   overflow:hidden;
}

#mid_footer .rencontresBlock .title1 {
   margin-bottom:5px;
}

#mid_footer .rencontresBlock label {
   display:block;
   float:left;
   width:68px;
  
   font-weight:bold;
}

#mid_footer .rencontresBlock select {
   float:left;
   margin-bottom:6px;
   width:86px;
   margin-left:-3px;
}

#mid_footer .rencontresBlock form {
   margin-bottom:10px;
}
	
/* outilsBlock */

#mid_footer #outilsBlock {
   background:url(/medias/www/img/tit/titleBar2.gif) top left repeat-x;
   height:154px;
}

#mid_footer #outilsBlock .title {
   background:none;
   border-bottom:1px dotted #777;
   float:left;
   width:245px;
   padding-bottom:7px;
   margin-bottom:12px;
}

#mid_footer #outilsBlock .image {
   float:left;
   width:70px;
   margin-right:15px;
   margin-top:13px;
}

#mid_footer #outilsBlock .outilsMobile {
	display:block;
   float:left;
	position:relative;
   background:url(/medias/www/img/icn/mobile.png) top left no-repeat;
   padding-left: 25px;
}

#mid_footer #outilsBlock .outilsDesription {
   display:block;
   float:left;
   position:relative;
}
	
#mid_footer #outilsBlock h3 {
   font-size:16px;
   line-height:19px;
   margin-bottom:10px;
}

#mid_footer #outilsBlock h4 {
   font-weight:bold
}

#mid_footer #outilsBlock h5 {
  
   margin-bottom:5px;
   line-height:18px;
}

#mid_footer #outilsBlock h5 a {
   font-weight:bold;
   padding-left:22px;
   height:18px;
   line-height:18px;
   display:block;
   float:left;
   position:relative;
   margin-right:3px;
}

#mid_footer #outilsBlock h5.rss a {
   background:url(/medias/www/img/icn/rss.png) top left no-repeat;
   padding-left: 25px;
}

#mid_footer #outilsBlock h5.newsletter a {
   background:url(/medias/www/img/icn/newsletter.png) top left no-repeat;
   padding-left: 25px;
}


/* servicesBlock */

#mid_footer .tvBlock,
#mid_footer .meteoBlock,
#mid_footer .voyageBlock {
   width:204px;
   float:left;
   overflow:hidden;
}

#mid_footer .msnAlertBlock,
#mid_footer .jeuxBlock,
#mid_footer .traficBlock,
#mid_footer .traductionBlock {
   width:149px;
   float:left;
   overflow:hidden;
}


#mid_footer .tvBlock,
#mid_footer .meteoBlock {
   margin-right:19px;
}

#mid_footer .msnAlertBlock,
#mid_footer .traficBlock,
#mid_footer .jeuxBlock {
   margin-right:18px;
}

#mid_footer .msnAlertBlock .link,
#mid_footer .jeuxBlock .link,
#mid_footer .traficBlock .link,
#mid_footer .traductionBlock .link {
   margin-top:4px;
  
   line-height:14px;
   font-weight:bold;
}

#mid_footer .tvBlock {
   height:270px;
   margin-bottom:0px;
}

#mid_footer .meteoBlock,
#mid_footer .voyageBlock {
   height:270px;
   margin-bottom:20px;
}

#mid_footer .jeuxBlock,
#mid_footer .traficBlock,
#mid_footer .traductionBlock {
   height:154px;
}


/* tvBlock */

#mid_footer .tvBlock .link img {
   float:left;
   margin-right:6px;
}

#mid_footer .tvBlock .link div {
   float:left;
   width:171px;
   font-weight:bold;
  
}
html>/**/body #mid_footer .tvBlock .link div {margin-bottom:10px;}


/* meteoBlock */

#mid_footer .meteoBlock .description {
   font: 11px arial;
   margin-top: 8px; 
}

#mid_footer .meteoBlock form {
   margin-top:5px;
}

#mid_footer .meteoBlock select {
   width:182px;
}

/* voyageBlock */

#mid_footer .voyageBlock {
   font-weight:bold;
}

#mid_footer .voyageBlock .tabs {
   height:23px;
   position:relative;
   z-index:1;
   overflow:hidden;
}

#mid_footer .voyageBlock .tabs a {
   display:block;
   float:left;
   background:#015967;
   color:#fff;
   border-top:2px solid #fff;
   border-left:1px solid #fff;
   padding:0px 6px;
   height:18px;
   font-size:10px;
   line-height:16px;
}
html>/**/body #mid_footer .voyageBlock .tabs a {height:18px;font-size:11px;}

#mid_footer .voyageBlock .tabs a.selected  {
   display:block;
   background:#fff;
   color:#015967;
   border-top:1px solid #ccc;
   border-right:1px solid #ccc;
   border-left:1px solid #ccc;
   height:20px;
   line-height:19px;
   margin:0 1px 0 2px;
}
html>/**/body #mid_footer .voyageBlock .tabs a.selected {height:19px}

#mid_footer .voyageBlock form {
   border:1px solid #ccc;
   padding:0px 8px;
   position:relative;
   top:-4px;
   height:194px;
   overflow:hidden;
  
   line-height:13px;
}

#mid_footer .voyageBlock select {
   margin-bottom:1px;
}

#mid_footer .voyageBlock .tripType {
   font-weight:normal;
}

#mid_footer .voyageBlock .destination {
   margin-bottom:2px;
}

#mid_footer .voyageBlock .destination label {
   display:block;
   float:left;
   width:44px;
}

#mid_footer .voyageBlock .destination input {
   margin-bottom:3px;
   width:180px;
   float:left;
   height:10px;
}

#mid_footer .voyageBlock .dates {
   float:left;
   width:140px;
}

#mid_footer .voyageBlock .passengers {
   float:left;
   width:45px;
}

#mid_footer .voyageBlock .passengers select {
   width:40px;
}

#mid_footer .voyageBlock .submitButton {
   float:left;
   position:relative;
   top:-22px;
}

#mid_footer .voyageBlock .submitButton {
   float:left;
   position:relative;
   top:-22px;
}

/* jeuxBlock, traficBlock */

#mid_footer .jeuxBlock .link,
#mid_footer .traficBlock .link,
#mid_footer .traductionBlock .link {
   margin-top:4px;
  
   line-height:14px;
   font-weight:bold;
}

#mid_footer .traficBlock p.link {
   height:53px;
   overflow:hidden;
}

#mid_footer .traficBlock p.link a {
display:block;
   margin-top:-25px;
}

#mid_footer .traductionBlock .link {
   position:relative;
   top:-8px;
}

#mid_footer .traductionBlock h5.link {
   top:-10px;
}
.mid {
	color: #FFFFFF;
	background-image: url(../images/banner-bg.jpg);
	background-repeat: repeat-x;
}