/*****************************************
  CSS PARIS DERNIERE 2008
  Creation : 14 octobre 2008
  Modification : 13 novembre 2008
  Auteur : Laurent OUKRID
*******************************************/


/* ********************************************************************************* COLONNE GAUCHE */
/* **************************************************************************************************/

#blocCentre { background:#000; border:1px solid #2c2c2c; margin-bottom:20px;}

/* ***************************************************************************** 02 - EDITO */
#containerTop { width:680px; height:160px; display:block; position:relative; margin:0 0 30px 0; }
#containerTop .fragment { height:160px; background:url(../img/bg-ligne.png) repeat-x 0 -70px; padding:10px 0; }
#containerTop h2 { width:243px; height:20px; background-color:#000; position:relative; top:0; left:0; margin:0; overflow:hidden; font-size:8px; color:#e28421; }
#containerTop h2 span { width:243px; height:20px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -462px; }

/* Carousel */
#containerTop .carousel { height:0px; overflow:hidden }
#containerTop .jcarousel-container a { display:block; font-weight:bold; color:#f08d23; font-size:12px; }
#containerTop .jcarousel-container a:hover { text-decoration:none; }
#containerTop .jcarousel-container .zone { width:115px; font-size:11px; color:#fff; font-weight:normal; margin:1px 0 0 2px; overflow:hidden; text-decoration:none; background:transparent url(../img/bg-blocs-video-li.png) repeat-x scroll 0 0;  }
#containerTop .jcarousel-container img { margin:1px 0; padding:0px; }
#containerTop .jcarousel-container .zone a { font-size:11px; color:#f08d23; font-weight:normal; line-height:16px;text-decoration:none; }
#containerTop .jcarousel-container .zone a:hover { text-decoration:underline; }
#containerTop .jcarousel-container .zone span { font-size:11px; color:#fff; font-weight:normal; line-height:16px; padding-bottom:2px; }
#containerTop .jcarousel-container { position: relative; margin:0 auto 0 auto; }
#containerTop .jcarousel-clip { z-index:2; padding: 0; margin: 0; overflow: hidden; position: relative; }
#containerTop .jcarousel-list { z-index:1; overflow: hidden; position: relative; top:0; left:0; margin:0; padding:0; }
#containerTop .jcarousel-list li, #containerTop .jcarousel-item { float: left; list-style: none; text-align:center; /* IMPORTANT >> mettre la largeur/ hauteur des items >> */ width: 119px; height: 103px; padding-top:2px; }
#containerTop .jcarousel-list li:hover, #containerTop .jcarousel-item:hover { background-color:#a2a2a2; }
#containerTop .jcarousel-next { z-index:3; display: none; }
#containerTop .jcarousel-prev { z-index:3; display: none; }
#containerTop .jcarousel-container-horizontal { /*width:620px; */height:115px; top:20px; padding:0; }
#containerTop .jcarousel-clip-horizontal { width:605px; height:115px; margin:0 38px; }
#containerTop .jcarousel-item-horizontal { margin-right:2px; }
#containerTop .jcarousel-next-horizontal { width:30px; height:20px; background:url(../img/bt-carousel.gif) no-repeat top right; position:absolute; top:40px; right:5px; cursor:pointer; }
#containerTop .jcarousel-next-horizontal:hover { background:url(../img/bt-carousel.gif) no-repeat bottom right; cursor:pointer; }
/*#containerOnglet .jcarousel-next-horizontal:active { background-position: 55% 55%; } - Mouvement du bouton */
#containerTop .jcarousel-next-disabled-horizontal, #containerTop .jcarousel-next-disabled-horizontal:hover, #containerTop .jcarousel-next-disabled-horizontal:active { cursor: default; filter:alpha(opacity=20); opacity:.20; -moz-opacity:.20; }
#containerTop .jcarousel-prev-horizontal { width:30px; height:20px; background:url(../img/bt-carousel.gif) no-repeat top left; position:absolute; top:40px; left:5px; cursor:pointer; }
#containerTop .jcarousel-prev-horizontal:hover { background:url(../img/bt-carousel.gif) no-repeat bottom left; cursor:pointer; }
/*#containerOnglet .jcarousel-prev-horizontal:active { background-position: 55% 55%; } - Mouvement du bouton  */
#containerTop .jcarousel-prev-disabled-horizontal, #containerTop .jcarousel-prev-disabled-horizontal:hover, #containerTop .jcarousel-prev-disabled-horizontal:active { cursor: default; filter:alpha(opacity=20); opacity:.20; -moz-opacity:.20; }
/* video current */
#containerTop .current { background-color:#a2a2a2!important; color:#000!important }

/* Presentation Edito de Xavier de Moulin */
#editoPresentation { width:658px; display:block; position:relative; margin:0; padding:12px; overflow:hidden;   }
#editoPresentation .visu { width:175px; height:260px; float:left; position:relative; margin:0; border:1px solid #2c2c2c; }
#editoPresentation .inner { width:460px; /*float:right;*/ display:block; position:relative; font-size:11px; text-align:justify; color:#a2a2a2; margin:10px 1px 1px 1px; padding:0 5px; }
#editoPresentation .inner h2 { width:270px; height:20px; position:relative; top:0; left:0; margin-bottom:15px; overflow:hidden; color:#e28421; }
#editoPresentation .inner h2 span { width:270px; height:20px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -482px; }
#editoPresentation .inner h3 { width:300px; height:20px; font-weight:normal; position:relative; top:0; left:0; margin-bottom:15px; overflow:hidden; color:#e28421; }
#editoPresentation .inner h4 { width:165px; height:20px; float:right; position:relative; top:0; left:0; margin-top:20px; overflow:hidden; color:#e28421; }
#editoPresentation .inner h4 span { width:165px; height:20px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -502px; }

#editoLien { height:88px; display:block; margin:0; padding-top:12px; background:url(../img/bg-btn-edito.png) no-repeat 0 0; background-color:#181919; }

/********************************* BOUTON ACCES RUB PHOTOS VIDEOS SOMMAIRE DANS : EDITO / EMISSIONS */
.btSommaire { width:235px; height:20px; background:url(../img/titres.gif) no-repeat 0 -522px; margin:0 0 8px 12px; display:block; position:relative; }
.btSommaire:hover { background:url(../img/titres.gif) no-repeat 0 -542px; }
.btVideos { width:235px; height:20px; background:url(../img/titres.gif) no-repeat 0 -562px; margin:0 0 8px 12px; display:block; position:relative; }
.btVideos:hover { background:url(../img/titres.gif) no-repeat 0 -582px; }
.btPhotos { width:235px; height:20px; background:url(../img/titres.gif) no-repeat 0 -602px; margin:0 0 0 12px; display:block; position:relative; }
.btPhotos:hover { background:url(../img/titres.gif) no-repeat 0 -622px; }

/* ***************************************************************************** 03 - LES EMISSIONS */
#containerTop h5 { width:243px; height:20px; background-color:#000; position:relative; top:0; left:0; margin:0; overflow:hidden; font-size:8px; color:#e28421; }
#containerTop h5 span { width:243px; height:20px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -642px; }

/* Fiche Emissions */
#emissionFiche { width:653px; background:url(../img/bg-degrade-r.png) no-repeat top right; display:block; position:relative; margin:0; padding:12px; overflow:hidden;   }
#emissionFiche .visu { width:320px; height:175px; float:right; position:relative; margin:15px 35px 0 0; border:1px solid #2c2c2c; }
#emissionFiche h1 { height:20px; font-size:14px; font-weight:normal; color:#e28421; /*margin:0 0 20px 0;*/ border-bottom:1px dotted #e28421; position:relative; overflow:hidden; }
#emissionFiche .inner { width:275px;float:left; display:block; position:relative; font-size:11px; color:#a2a2a2; /*margin:10px 1px 1px 1px;*/ padding:0 5px; }
#emissionFiche .inner h2 { width:300px; font-size:12px; font-weight:normal; color:#fff; position:relative; margin-top:15px; overflow:hidden; }
#emissionFiche .inner h2 span { color:#e28421; }
#emissionFiche .inner li { width:270px; display:block; margin: 0 0 5px 0; }
#emissionFiche .inner li .more { font-size:11px; color:#a2a2a2; font-weight:normal; text-decoration:none; }
#emissionFiche .inner li .more:hover { text-decoration:underline; }

/* bloc Liens Rub */ 
#emissionLien { height:66px; display:block; margin:0; padding-top:17px; background:url(../img/bg-btn-edito.png) no-repeat 0 -8px; background-color:#181919; }

/* Frise  */
.t-frise { width:240px; height:20px; /*float:left;*/ position:relative; top:0; left:220px; margin-top:20px; overflow:hidden; color:#e28421; }
.t-frise span { width:245px; height:20px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -662px; }
#frise { width:676px; height:35px; background:url(../img/bg-tout-long-nuit.png) no-repeat 0 0; position:relative; margin:0 0 0 2px; overflow:hidden; }
#frise li {display:inline; }
#frise a { float:left; margin:0;width:50px; height:35px; line-height:35px; border:1px solid transparent;  font-size:14px; color:#0b0703; font-weight:bold; text-decoration:none; text-align:center; display:block; overflow:hidden; }
#frise a:hover {color:#f18d23; width:50px; height:33px; text-decoration:none; border:1px solid #a2a2a2;}
#frise .current a {color:#f18d23; width:48px; height:31px;  border:2px solid #a2a2a2; }

/* Info Bulle HAUT */
#bulleH { position:relative; width:675px; height:24px; display:block; overflow:hidden; }
#bulleH li, #bulleB li { position:absolute; top:0; width:86px; height:24px; font-size:11px; color:#fff; line-height:16px; text-align:center; background:url(../img/bg-bulle.gif) no-repeat 0 0;  display:block; overflow:hidden; }
#bulleH span { position:absolute; left:0; bottom:0; width:13px; height:7px; background:url(../img/pointe-bulle.gif) no-repeat 0 0; display:block; overflow:hidden; }
#bulleH .fin {background:url(../img/bg-bulle-fin.gif) no-repeat 0 0; }

/* Info Bulle BAS */
#bulleB { position:relative; width:640px; height:25px; display:block; margin-top:3px;padding-left:35px; }
#bulleB li { line-height:30px; background:url(../img/bg-bulle-bas.gif) no-repeat 0 0; }

#bulleH a, #bulleB a { font-size:11px; color:#fff; font-weight:normal; text-decoration:none; }
#bulleH a:hover, #bulleB a:hover { text-decoration:underline; }

#heure20 {left:0;}
#heure22 {left:97px;}
#heure24 {left:196px;}
#heure26 {left:295px;}
#heure28 {left:394px;}
#heure30 {left:493px;}
#heure32 {left:590px;}

#heure21 {left:35px;}
#heure23 {left:140px;}
#heure25 {left:245px;}
#heure27 {left:348px;}
#heure29 {left:452px;}
#heure31 {left:557px;}

#heure20 span {left:25px;}
#heure22 span {left:30px;}
#heure24 span {left:35px;}
#heure26 span {left:40px;}
#heure28 span {left:40px;}
#heure30 span {left:50px;}

/********** BLOCS COMMENTAIRES */
#commentaires { width:666px; background:url(../img/bg-bloc-footer.png) repeat ; display:block; position:relative; overflow:hidden; margin:10px 0; padding:7px; }
#commentaires h2 { width:218px; height:20px; position:relative; top:0; left:0; overflow:hidden; font-size:8px; color:#8F704F; margin-bottom:5px; }
#commentaires h2 span { width:218px; height:21px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -682px; }
#commentaires .bloc { width:645px; background:url(../img/bg-blocs-video-li.png) repeat-x; vertical-align:middle; display:block; margin:0 0 6px 0; padding:15px 10px; }
#commentaires .bloc p { width:645px; display:block; font-size:11px; color:#fff; font-weight:normal; margin:0; padding:0; }
#commentaires h3 { width:260px; font-size:11px; color:#E28421; font-weight:bold; margin:0;overflow:hidden; }
#commentaires h3 span{ font-size:11px; color:#E28421; font-weight:normal; margin:0;overflow:hidden; }
#commentaires a { font-size:11px; color:white; font-weight:normal; text-decoration:none; }



/*** FORMULAIRE */
#formCommentaires { width: 645px; height:203px; background:#181919 url(../img/bg-btn-edito.png) no-repeat scroll bottom right; padding:20px 10px; margin:10px 0 0 0; float:left; display:block; font-size:12px; font-weight:bold; color:#E28421; border:1px solid #2c2c2c; }
#formCommentaires label {float:left; cursor:pointer; margin:0; }
#formCommentaires li .champs { width:150px; height:18px; margin:0 10px 5px 25px; font-size:12px; color:#000; border:1px solid #2c2c2c; }
#formCommentaires li .champs2 { width:185px; height:18px; margin:0 10px 5px 25px; font-size:12px; color:#000; border:1px solid #2c2c2c; }
#formCommentaires ul { display:block; }
#formCommentaires li { font-size:12px; color:#E28421; list-style:none; width:270px; display:block; float:left; margin-bottom:10px;   }
#formCommentaires li a { text-decoration:none; }
#formCommentaires li a:hover { text-decoration:underline; }
#formCommentaires .myMsg { width:510px; height:60px; font-size:12px; color:#000; margin:5px 0 10px 0; padding:5px; border:#b2c5c5 1px solid; }
/* ZONE VERIFICATION */
#formCommentaires .zoneVerif { width:500px; float:left; display:block; position:relative; font-size:12px; color:#E28421;   }
#formCommentaires .antiSpam { width:100px; height:18px; float:left; margin:20px 30px 0 10px; border:1px solid #2c2c2c; }
#formCommentaires .visu { float:left; display:block; margin-top:2px; border:1px solid #2c2c2c; }
#formCommentaires .inputSubmit { float:right; display:block; position:relative; margin:3px 0 0 0; }


/* ***************************************************************************** 04 - PHOTOS */
#photo { margin:0; padding:10px 0px; }
#photo h2 { float:left; display:block; position:relative; font-size:14px; color:white; font-weight:normal; margin-left:20px; }
#photo h3 { float:right; display:block; position:relative; font-size:14px; color:#e28421; font-weight:normal; margin-right:20px; }
#photo #playerPhoto { width:642px; float:left; display:block; margin:10px 20px 0 20px; }
#photo .listePhotos { width:642px; height:357px; overflow:hidden }
#photo .listePhotos img { border:1px solid #2c2c2c; }
#photo .navPhoto { width:642px; height:25px;  position:relative; margin-top:5px; }
#photo .navPhoto .prev { width:29px; height:20px; background:url(../img/btn-photos-big.gif) no-repeat 0 0; position:absolute; top:4px; left:250px; cursor:pointer; }
#photo .navPhoto .prev:hover { background:url(../img/btn-photos-big.gif) no-repeat 0 -20px; cursor:pointer; }
#photo .navPhoto .next { width:29px; height:20px; background:url(../img/btn-photos-big.gif) no-repeat -29px 0; position:absolute; top:4px; right:250px; cursor:pointer; }
#photo .navPhoto .next:hover { background:url(../img/btn-photos-big.gif) no-repeat -29px -20px; cursor:pointer; }
#photo .startDiapo { display:block; background:url(../img/start-diapos.gif) no-repeat 0 0; width:169px; height:19px; }
#photo .resume { background-position:0 -19px }
#photo .numPhoto { position:absolute; top:0px; left:316px; font-size:12px; color:#fff; text-align:center; margin-top:7px; }
#photo .voirPlus { width:644px; height:25px; display:block; position:relative; margin-top:4px; }

/* ***************************************************************************** 05 - VIDEOS */
#video { margin:0; padding:10px 0px; }
#video h2 { float:left; display:block; position:relative; font-size:14px; color:white; font-weight:normal; margin-left:20px; }
#video h3 { float:right; display:block; position:relative; font-size:14px; color:#e28421; font-weight:normal; margin-right:20px; }
#video #playerVideo { width:642px; float:left; display:block; margin:10px 20px 0 20px; }

/* ***************************************************************************** 04 / 05 - PHOTOS - VIDEOS */
#containerOnglet { width:680px; display:block; position:relative; left:-5000px; margin:0 0 20px 0; }
#containerOnglet .fragment { background-color: #2c2c2c; padding:10px 0 }

/* Tabs */
#containerOnglet .ui-tabs-nav { list-style: none; margin: 0; padding: 0 0 0 3px; border-bottom: 5px solid #2c2c2c }
#containerOnglet .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; }
#containerOnglet .ui-tabs-nav li { float: left; display:block; position:relative; margin: 22px 0 0 2px; font-weight: bold; }
#containerOnglet .ui-tabs-nav a, #containerOnglet .ui-tabs-nav a span { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 30px; background: url(../img/tabs.gif) no-repeat; }
#containerOnglet .ui-tabs-nav a { margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; background-position: 100% 0; text-decoration: none; white-space: nowrap; /* @ IE 6 */ outline: 0; /* @ Firefox, prevent dotted border after click */ }
#containerOnglet .ui-tabs-nav a:link, #containerOnglet .ui-tabs-nav a:visited { color: #a2a2a2; }
#containerOnglet .ui-tabs-nav a:hover, #containerOnglet .ui-tabs-nav a:hover { color: #000; }
#containerOnglet .ui-tabs-nav .ui-tabs-selected a { position: relative; top: 1px; z-index: 2; margin-top: 0; background-position: 100% -23px; }
#containerOnglet .ui-tabs-nav a span { padding-top: 1px; padding-right: 0; height: 20px; background-position: 0 0; line-height: 20px; }
#containerOnglet .ui-tabs-nav .ui-tabs-selected a span { padding-top: 0; height: 27px; background-position: 0 -23px; line-height: 27px; color: #f18d23; }
#containerOnglet .ui-tabs-nav .ui-tabs-selected a:link, #containerOnglet .ui-tabs-nav .ui-tabs-selected a:visited, #containerOnglet .ui-tabs-nav .ui-tabs-disabled a:link, #containerOnglet .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text; }
#containerOnglet .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, #containerOnglet .ui-tabs-nav a:active, #containerOnglet .ui-tabs-nav .ui-tabs-unselect a:hover, #containerOnglet .ui-tabs-nav .ui-tabs-unselect a:focus, #containerOnglet .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; }
/*#containerOnglet .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } - ALPHA SUR LES LI */
#containerOnglet .ui-tabs-nav .ui-tabs-disabled a:link, #containerOnglet .ui-tabs-nav .ui-tabs-disabled a:visited { color: #000; }
/* Additional IE specific bug fixes... */
* html #containerOnglet .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ display: inline-block; }
*:first-child+html #containerOnglet .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; }

/* Carousel */
#containerOnglet .carousel { height:0px; overflow:hidden }
#containerOnglet .jcarousel-container a { display:block; font-weight:bold; color:#f08d23; font-size:12px; }
#containerOnglet .jcarousel-container a:hover { text-decoration:none; }
#containerOnglet .jcarousel-container .zone { width:122px; height:35px; font-size:11px; color:#a2a2a2; font-weight:normal; margin:5px 0 0 2px; overflow:hidden; text-decoration:none; background-color:#0f0f0f;  }
#containerOnglet .jcarousel-container .zone a { font-size:11px; color:#f08d23; font-weight:normal; line-height:16px;text-decoration:none; }
#containerOnglet .jcarousel-container .zone a:hover { text-decoration:underline; }
#containerOnglet .jcarousel-container .zone span { font-size:11px; color:#a2a2a2; font-weight:normal; line-height:16px; }
#containerOnglet .jcarousel-container { position: relative; margin:0 auto 0 auto; }
#containerOnglet .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
#containerOnglet .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; }
#containerOnglet .jcarousel-list li, #containerOnglet .jcarousel-item { float: left; list-style: none; text-align:center; /* IMPORTANT >> mettre la largeur/ hauteur des items >> */ width: 126px; height: 110px; padding-top:2px; }
#containerOnglet .jcarousel-list li:hover, #containerOnglet .jcarousel-item:hover, #containerOnglet .jcarousel-list li.sfHoverIE { background:#a2a2a2!important; }
#containerOnglet .jcarousel-next { z-index: 3; display: none; }
#containerOnglet .jcarousel-prev { z-index: 3; display: none; }
#containerOnglet .jcarousel-container-horizontal { width: 668px; height: 112px; padding: 0 0px 0 0px; }
#containerOnglet .jcarousel-clip-horizontal { width: 640px; height: 112px; margin:0 16px; }
#containerOnglet .jcarousel-item-horizontal { margin-right: 2px; }
#containerOnglet .jcarousel-next-horizontal { width:10px; height:15px; background:url(../img/btn-onglet-carou.gif) no-repeat -10px 0; position:absolute; top:40px; right:0px; cursor:pointer; }
#containerOnglet .jcarousel-next-horizontal:hover { background:url(../img/btn-onglet-carou.gif) no-repeat -10px -15px; cursor:pointer; }
/*#containerOnglet .jcarousel-next-horizontal:active { background-position: 55% 55%; } - Mouvement du bouton */
#containerOnglet .jcarousel-next-disabled-horizontal, #containerOnglet .jcarousel-next-disabled-horizontal:hover, #containerOnglet .jcarousel-next-disabled-horizontal:active { cursor: default; filter:alpha(opacity=20); opacity:.20; -moz-opacity:.20; }
#containerOnglet .jcarousel-prev-horizontal { width:10px; height:15px; background:url(../img/btn-onglet-carou.gif) no-repeat 0 0; position:absolute; top:40px; left:0px; cursor:pointer; }
#containerOnglet .jcarousel-prev-horizontal:hover { background:url(../img/btn-onglet-carou.gif) no-repeat 0 -15px; cursor:pointer; }

/*#containerOnglet .jcarousel-prev-horizontal:active { background-position: 55% 55%; } - Mouvement du bouton  */
#containerOnglet .jcarousel-prev-disabled-horizontal, #containerOnglet .jcarousel-prev-disabled-horizontal:hover, #containerOnglet .jcarousel-prev-disabled-horizontal:active { cursor: default; filter:alpha(opacity=20); opacity:.20; -moz-opacity:.20; }
/* video current */
#containerOnglet .current { background:#a2a2a2!important; color:#000!important }


/******************************************************************************** 06 - BONUS */

/* BONUS */
.bonus { width:660px; padding:10px;  }
.bonus h2 { width:50px; height:25px; position:relative; margin:0 0 5px 0; overflow:hidden; font-size:8px; color:#8F704F; }
.bonus h2 span { width:50px; height:25px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -332px; }
.bonus ul { width:655px; float:left; padding:0;  }
.bonus li { width:320px; height:237px; position:relative; margin:5px 0 10px 0; }
.bonus .quiz h2 { width:40px; height:20px; position:relative; top:0; left:0;  margin:0; overflow:hidden; font-size:8px; color:#e28421; }
.bonus .quiz h2 span { width:40px; height:20px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -357px; }
.bonus .voteImage h2 { width:135px; height:20px; position:relative; top:0; left:0;  margin:0; overflow:hidden; font-size:8px; color:#e28421; }
.bonus .voteImage h2 span { width:135px; height:20px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -377px; }
.bonus .contact h2 { width:70px; height:20px; position:relative; top:0; left:0;  margin:0; overflow:hidden; font-size:8px; color:#e28421; }
.bonus .contact h2 span { width:70px; height:20px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -397px; }
.bonus .fondEcran h2 { width:110px; height:20px; position:relative; top:0; left:0;  margin:0; overflow:hidden; font-size:8px; color:#e28421; }
.bonus .fondEcran h2 span { width:110px; height:20px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -417px; }
.bonus .visu { width:320px; height:212px; float:left; position:relative; margin-bottom:2px; border:1px solid #2c2c2c; }

/* TEST PSYCHOTEST */
.test h2 { width:230px; }
.test h2 span { background:url(../img/titres.gif) no-repeat 0 -750px; width:230px; }

/* FONDS ECRAN  */
.bonus h3 { width:150px; height:25px; position:relative; margin:0 0 5px 0; overflow:hidden; font-size:8px; color:#8F704F; }
.bonus h3 span { width:150px; height:25px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -437px; }
.bonus .bgfondEcran { width:320px; height:280px; background:url(../img/bg-fond-ecran.jpg) no-repeat 0 0; margin-bottom:2px; }
.bonus p { width:322px; float:left; background-color:#e28421; font-size:11px; font-weight:bold; color:#000; text-align:center; line-height:16px; display:block; position:relative; margin:0 0 2px 0; }
.bonus p a { font-size:11px; color:#000; text-decoration:none; margin:0; }
.bonus p a:hover { text-decoration:underline; }

/* RESULTATS QUIZ */
#resultQuiz  { width:669px!important; display:block; position:relative; overflow:hidden; padding:10px 4px 0px 4px; margin:0px 0 0px 0px; }
#resultQuiz h2 { width:400px; height:25px; position:relative; margin:0 0 3px 0; overflow:hidden; font-size:8px; color:#8F704F; }
#resultQuiz h2 span { width:400px; height:25px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -702px; }
#resultQuiz li { height:180px; background-color:#1c1c1c; margin:0 0 10px 0; border:1px solid #2c2c2c; }
#resultQuiz li .visu { width:180px; height:180px; float:left; margin-right:0; }
#resultQuiz li p { width:460px; height:125px; float:right; font-size:11px; text-align:justify; color:#a2a2a2; overflow:hidden; margin:25px 10px 0 10px; }

/* VOTEZ SUR IMAGE */
#votez { width:670px; height:245px; background-color:#1c1c1c; display:block; position:relative; overflow:hidden; padding:0; margin:0;  }
#votez h3 { width:285px; height:20px; position:relative; margin:25px 0 20px 0; overflow:hidden; font-size:8px; color:#e28421; }
#votez h3 span { width:285px; height:20px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -312px; }
#votez .visu { width:366px; height:202px; float:left; margin:23px 7px 0px 10px; border:1px solid #2c2c2c; }

/* Je Vote */
.noteZone { width:250px; display:block; position:relative; left:20px; margin:0 0 20px 0; overflow:hidden; z-index:150; }
.noteZone .star2 span { display:block; float:left; margin:0 10px 10px 0; width:232px; height:20px; padding:0 0 0 0; background:url(../img/noteW-image.png) no-repeat; overflow:hidden; }
.noteZone .star2 a { display:block; float:left; background:transparent; height:20px; width:23px; cursor:pointer; }
.star { float:left; margin-right:10px; }
.star span { display:block; float:left; margin-right:10px; width:232px; height:0; padding:10px 0 0 0; background:url(../img/noteW-image.png) no-repeat; overflow:hidden; }
.star-0 { background-position:0 0; }
.star-1 { background-position:0 -20px!important; }
.star-2 { background-position:0 -40px!important; }
.star-3 { background-position:0 -60px!important; }
.star-4 { background-position:0 -80px!important; }
.star-5 { background-position:0 -100px!important; }
.star-6 { background-position:0 -120px!important; }
.star-7 { background-position:0 -140px!important; }
.star-8 { background-position:0 -160px!important; }
.star-9 { background-position:0 -180px!important; }
.star-10 { background-position:0 -200px!important; }

#votez .btParisDerniere { margin-top:20px; }

/* RESULTATS VOTE */
/* Bloc resultat */
#resultat  { width:670px !important; display:block; position:relative; overflow:hidden; padding:10px 4px 0px 4px; margin:0px 0 5px 0px; }
#resultat h2 { width:323px; height:25px; position:relative; margin:0; overflow:hidden; font-size:8px; color:#8F704F; }
#resultat h2 span { width:323px; height:25px; position:absolute; top:0; left:0; background:url(../img/titres.gif) no-repeat 0 -262px; }

/* Tableau Vote Image */
.tabVote { width:670px; height:75px; display: block; margin:0 0 10px 0; background:url(../img/bg-resultat-vote.png) repeat-x 0 0; }
.tabVote h2 { width:390px!important; height:20px!important; font-size:12px!important; font-weight:normal!important; color:#a2a2a2!important; float:left; display:block; padding:15px 0 0 0; overflow:hidden; }
.tabVote .visu { width:110px; height:60px; float:left; margin:6px 10px 6px 5px; border:1px solid #2c2c2c; }
.tabVote .note { float:right; font-size:13px; font-weight:bold; color:#e28421; text-align:center; line-height:16px; display:block; position:relative; margin:-2px 48px 0 0; }
.tabVote .nbVote { font-size:11px; font-weight:normal; color:#fff; }

/* Gestion Note sur Image */
.noteCoeur { float:left; position:relative; width:232px; height:20px; margin:0; z-index:3 }
.noteCoeur .note-0 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 0; z-index:3; display:block; position: relative; }
.noteCoeur .note-1 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 -20px; z-index:3; display:block; position: relative; }
.noteCoeur .note-2 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 -40px; z-index:3; display:block; position: relative; }
.noteCoeur .note-3 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 -60px; z-index:3; display:block; position: relative; }
.noteCoeur .note-4 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 -80px; z-index:3; display:block; position: relative; }
.noteCoeur .note-5 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 -100px; z-index:3; display:block; position: relative; }
.noteCoeur .note-6 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 -120px; z-index:3; display:block; position: relative; }
.noteCoeur .note-7 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 -140px; z-index:3; display:block; position: relative; }
.noteCoeur .note-8 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 -160px; z-index:3; display:block; position: relative; }
.noteCoeur .note-9 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 -180px; z-index:3; display:block; position: relative; }
.noteCoeur .note-10 { width:232px; height:20px; background:url(../img/noteW-image.png) no-repeat 0 -200px; z-index:3; display:block; position: relative; }

/* ********************************************************************************* COLONNE DROITE */
/* **************************************************************************************************/