body { margin: 0; padding: 0; font: normal 11px verdana, arial, sans-serif; background: #ffffff url(../images/wrapper-bg.jpg) no-repeat center top }
img { border: 0 }
ul, li { margin: 0; padding: 0; list-style-type: none }
table, tr, td { margin: 0; padding: 0 }
input { margin: 0; padding: 0; border: 0 }
/*
	home avec décalage sous ie dans le carousselle
	flash
	étoile : écrire "vote enregistré"
	"vous avez déjà voté pour cette vidéo"
	masquer suivant/précédent
	faire disparaitre envoyer / mettre "envoi en cours.."
	
*/
.zero { clear: both }
.vspacer { vertical-align: middle; width: 1px!important; height: 100%!important }
.inline-block { float: none; display: -moz-inline-stack; display: inline-block }
.vmaib { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: middle } /* Vertically Middle Aligned Inline Block */
.vtaib { float: none; display: -moz-inline-stack; display: inline-block; vertical-align: top } /* Vertically Top Aligned Inline Block */
.vsma { display: -moz-inline-stack; display: inline-block; vertical-align: middle; width: 0px!important; height: 100%!important } /* Vertical Spacer for Middle Alignement */

.input-text { position: relative; width: 256px; height: 19px; background: url(../images/input-bg.png) no-repeat }
.input-text input { position: absolute; left: 6px; top: 4px; width: 247px; font: normal 11px verdana, arial, sans-serif; color: #0464a1; background: transparent }
.italic { font-style: italic }
.condensed { letter-spacing: -1px }

.wrapper { position: relative; left: 8px; top: 0; width: 964px; margin: 0 auto }
.header { height: 146px; padding: 0 0 0 6px }

.body { position: relative; width: 964px; height: 442px; background-repeat: no-repeat }
.challenge-1 { background-image: url(../images/bg-mode.jpg) }
.challenge-2 { background-image: url(../images/bg-sport.jpg) }
.challenge-3 { background-image: url(../images/bg-musique.jpg) }
.challenge-4 { background-image: url(../images/bg-tv.jpg) }
.challenge-5 { background-image: url(../images/bg-jeux-video.jpg) }
.challenge-6 { background-image: url(../images/bg-spectacle.jpg) }
.challenge-7 { background-image: url(../images/bg-extreme.jpg) }
.challenge-8 { background-image: url(../images/bg-environnement.jpg) }
.challenge-9 { background-image: url(../images/bg-sciences.jpg) }
.challenge-10 { background: url(../images/bg-hightech.png) no-repeat 79px 6px }
.pan-left { position: relative; float: left; width: 482px; height: 442px; padding: 0 0 0 79px; font: normal 12px segoe ui, arial, sans-serif; color: #ffffff }
.btn-back-to-home { position: absolute; left: 254px; top: 7px; z-index: 5 }
.select-challenge-direct-access { position: absolute; left: 374px; top: 7px; z-index: 5; cursor: pointer }
.select-challenge-direct-access ul.menu { display: none; position: absolute; left: 0; top: 20px; width: 150px; padding: 3px 7px; background: #1472af; border: 1px solid #126aa3; border-width: 0 1px 1px }
.select-challenge-direct-access ul.menu li { position: relative; height: 15px; font: bold 12px segoe ui, arial, sans-serif }
.select-challenge-direct-access ul.menu li a { position: relative; z-index: 5; display: block; color: #ffffff; text-decoration: none }
.select-challenge-direct-access ul.menu li span.shadow { position: absolute; z-index: 4; left: 1px; top: 1px; color: #011d2f }
.select-challenge-direct-access ul.menu li:hover { background: #2cacd8 }
.pan-left .tab { padding: 7px 0 0 32px }
.pan-left .tab .title { position: relative; width: 138px; height: 22px; padding: 0; font-weight: bold; font-size: 15px; overflow: hidden; text-indent: -200px }
.pan-left .tab .title img { position: absolute; left: 0; top: 0 }
.pan-left .tab .desc-2l { height: 45px; padding: 5px 0 0 0; font-weight: bold; font-size: 13px; line-height: 20px }
.pan-left .tab .desc-3l { height: 46px; padding: 4px 0 0 0; font-weight: bold; font-size: 13px; line-height: 14px }
.pan-left .tab .infos { height: 162px; padding: 3px 0 0 0 }
.pan-left .tab p { margin: 0 0 4px }
.pan-left .tab p.lh11 { padding: 2px 0 0 0; line-height: 11px }
.pan-left .tab p.lh12 { padding: 1px 0 0 0; line-height: 12px }
.pan-left .tab p.lh13 { padding: 1px 0 0 0; line-height: 13px }
.pan-left .tab .yellow { font-weight: bold; color: #e5e300 }
.pan-left .tab a { font-weight: bold; color: #ffffff; text-decoration: underline; letter-spacing: 0 }
.pan-left .tab .shadow { color: #011624 }
.challenge-1 .pan-left .tab p.p1 { margin: 0 0 10px }
.challenge-1 .pan-left .tab p.p2 { margin: 0 0 18px }
.challenge-3 .pan-left .tab p.p1 { margin: 4px 0 11px }
.challenge-3 .pan-left .tab p.p2 { margin: 0 0 8px }
.challenge-3 .pan-left .tab p.p3 { margin: 0 0 8px }
.challenge-3 .pan-left .tab .logo-virgin-radio { position: absolute; left: 389px; top: 107px; width: 106px; height: 119px }
.challenge-4 .pan-left .tab p.p1 { margin: 4px 0 6px }
.challenge-4 .pan-left .tab p.p2 { margin: 0 0 5px }
.challenge-4 .pan-left .tab p.p3 { margin: 0 0 5px }
.challenge-4 .pan-left .tab .logo-simpson { position: absolute; left: 257px; top: 32px }
.challenge-4 .pan-left .tab .logo-ph { padding: 0 50px }
.challenge-5 .pan-left .tab p.p1 { margin: 0 0 7px }
.challenge-5 .pan-left .tab p.p2 { margin: 0 0 12px }
.challenge-5 .pan-left .tab .logo-ea { position: absolute; left: 313px; top: 165px }
.challenge-5 .pan-left .tab .logo-ph { padding: 0 32px }
.challenge-6 .pan-left .tab p.p1 { margin: 0 0 3px }
.challenge-6 .pan-left .tab p.p3 { margin: 0 0 2px }
.challenge-6 .pan-left .tab p.p4 { margin: 0 0 7px }
.challenge-6 .pan-left .tab .logo-cleopatre { position: absolute; left: 224px; top: 352px; width: 137px; height: 68px }
.challenge-7 .pan-left .tab p.p1 { margin: 0 0 10px }
.challenge-7 .pan-left .tab p.p2 { margin: 0 0 9px }
.challenge-7 .pan-left .tab .logo-patrouille-tranchant { position: absolute; left: 443px; top: 84px; width: 95px; height: 64px }
.challenge-8 .pan-left .tab p { margin: 0 0 5px }
.challenge-8 .pan-left .tab p.p1 { margin: 0 0 4px }
.challenge-8 .pan-left .tab .logo-projects-abroad { position: absolute; left: 417px; top: 99px; width: 115px; height: 43px }
.challenge-9 .pan-left .tab p.p1 { margin: 0 0 3px }
.challenge-9 .pan-left .tab p.p2 { margin: 0 0 4px }
.challenge-9 .pan-left .tab p.p3 { margin: 0 }
.challenge-9 .pan-left .tab p.p4 { margin: 0 0 3px }
.challenge-9 .pan-left .tab p.p4 img { position: relative; bottom: -2px }
.challenge-10 .pan-left .tab { position: relative; padding: 30px 0 0 }
.challenge-10 .pan-left .tab .title { position: absolute; left: 32px; top: 7px }
.ilslontfait .pan-left .tab { padding: 7px 0 0 33px }

.challenge-upload { display: none; position: absolute; left: 75px; top: 300px; z-index: 10; width: 490px; height: 95px; padding: 0 0 0 0; background: url(../images/challenge-upload-bg.png) no-repeat }
.challenge-upload .note { position: absolute; left: 38px; top: 33px; width: 425px; height: 22px; font: normal 12px segoe ui, arial, sans-serif; color: #ffffff; background: #7fbac0 }
.challenge-upload .error { color: #b10c0c }
.challenge-upload .input-file { position: absolute; left: 33px; top: 55px; width: 348px; height: 21px; background: url(../images/input-file-bg.png) no-repeat; overflow: hidden }
.challenge-upload .input-file .input-value { position: absolute; left: 6px; top: 4px; width: 247px; font: normal 11px verdana, arial, sans-serif; color: #0464a1; white-space: nowrap; overflow: hidden }
.challenge-upload .input-file input { position: absolute; right: 0; top: 0; font-size: 100px; opacity: 0; filter: alpha(opacity=0); cursor: pointer }
/*.challenge-upload .btn-browse { float: left; margin: 0 0 0 4px; cursor: pointer }*/
.challenge-upload .btn-send { position: absolute; right: 18px; top: 55px; cursor: pointer }
.challenge-upload .loading-mask1 { display: none; position: absolute; left: 39px; top: 56px; width: 400px; height: 10px; border: 1px solid #000000; border-width: 1px 0 }
.challenge-upload .loading-mask2 { position: absolute; left: -1px; top: 0; width: 400px; height: 10px; border: 1px solid #000000; border-width: 0 1px; background: #f2f2f2; overflow: hidden }
.challenge-upload .loading-progress { position: absolute; left: -150px; top: 0; width: 350px; height: 10px; background: url(../images/progress_green.gif) repeat-x }
.challenge-upload .close { position: absolute; right: 8px; top: 1px; font: bold 10px verdana, arial, sans-serif; color: #ffffff; cursor: pointer; text-decoration: none }

#audioplayer_1 { position: absolute; left: 100px; top: 280px }
#audioplayer_2 { position: absolute; left: 100px; top: 325px }

.btn-take-the-challenge { display: block; position: absolute; left: 107px; top: 229px }
.btn-they-did-it { display: block; position: absolute; left: 278px; top: 233px }
.home .pan-left { width: 500px; height: 442px; padding: 0 0 0 78px }
.home .btn-take-the-challenge { left: 247px; top: 222px }
.home .cover { position: relative; width: 482px; height: 213px; margin: 21px 0 0 0; padding: 1px 0 1px 1px; background: url(../images/cover-bg.png) no-repeat }
.home .cover .scrollable { position: relative; width: 482px; height: 213px; overflow: hidden }
.home .cover .items { position: relative; left: -482px; top: 0; width: 5800px; height: 213px; overflow: hidden; }
.home .cover .items a { display: block; float: left; width: 482px; height: 213px }
.home .cover .scroll-l { position: absolute; left: -18px; top: 82px; width: 31px; height: 33px; background: url(../images/cover-scroll-l.png) no-repeat; cursor: pointer }
.home .cover .scroll-r { position: absolute; right: -17px; top: 81px; width: 31px; height: 33px; background: url(../images/cover-scroll-r.png) no-repeat; cursor: pointer }
.home .menu-title { margin: 21px 0 0 97px }
.home .menu-list { height: 150px; margin: 9px 0 0 0 }
.home .menu-item { float: left; position: relative; width: 79px; height: 65px; margin: 0 0 7px 22px }
.home .menu-item-first { margin: 0 }
.home .menu-item a.challenge-link { display: block; position: absolute; left: 0; top: 0; width: 79px; height: 49px; background: url(../images/empty.gif) }
.home .menu-item a.part-link { display: block; position: absolute; left: 0; top: 49px; width: 79px; height: 16px; background: url(../images/empty.gif) }
.ilslontfait .pan-left { width: 483px; height: 401px; padding: 0 0 0 78px; background: url(../images/bg-ilslontfait.png) no-repeat 78px 6px }
.ilslontfait .badge { position: absolute; left: 8px; top: 26px }
.ilslontfait .page-previous { position: absolute; left: 182px; top: 387px; cursor: pointer }
.ilslontfait .page-next { position: absolute; right: 98px; top: 387px; cursor: pointer }
.ilslontfait .item-list-mask { position: absolute; left: 119px; top: 95px; width: 432px; height: 290px; overflow: hidden }
.ilslontfait .item-list-content { position: relative; width: 250000px; height: 285px; overflow: hidden }
.ilslontfait .item-list-page { position: relative; float: left; width: 435px; height: 285px; overflow: hidden }
.ilslontfait .item-thumb-block { float: left; width: 137px; height: 120px; margin: 7px 3px 10px 0; padding: 5px 0 0 5px; background: url(../images/item-thumb-block-bg.png) no-repeat; cursor: pointer  }
.ilslontfait .item-thumb-block .item-thumb { width: 131px; height: 87px; text-align: center; border: 1px solid #348fc0 }
.ilslontfait .item-thumb-block .name { padding: 1px 0 0 2px; font-weight: bold; font-size: 10px; color: #ffffff }
.ilslontfait .item-thumb-block .note { padding: 0 0 0 1px }
.ilslontfait .item-detail-block { display: none; position: absolute; left: 114px; top: 83px; width: 405px; height: 302px; padding: 0 0 0 9px; background: url(../images/item-block-bg.png) no-repeat }
.ilslontfait .item-detail-block .close { padding: 0 4px; font-weight: bold; font-size: 9px; color: #ffffff; text-align: right; cursor: pointer }
.ilslontfait .item-detail-block .item { width: 393px; height: 261px; margin: 1px 0 0 0; text-align: center; border: 1px solid #468db9 }
.ilslontfait .item-detail-block .name { float: left; padding: 3px 0 0 2px; font-weight: bold; font-size: 12px; color: #ffffff }
.ilslontfait .item-detail-block .note { float: right; margin: 1px 8px 0 0; padding: 1px 2px; text-align: right; cursor: pointer }
.ilslontfait .item-detail-block .note-msg { float: right; margin: 3px 8px 0 0; text-align: right }
.profil .pan-left { width: 483px; height: 401px; padding: 0 0 0 78px; background: url(../images/bg-profil.png) no-repeat 78px 6px }
.profil .challenge-previous { position: absolute; left: 182px; bottom: -15px; cursor: pointer }
.profil .challenge-next { position: absolute; right: 98px; bottom: -15px; cursor: pointer }
.profil .pan-left .name { position: absolute; left: 108px; top: 50px; font-weight: bold; font-size: 14px; color: #ffffff; text-decoration: underline }
.profil .challenge-count { position: absolute; right: 137px; top: 72px; font-weight: bold; font-size: 24px; color: #fffc00 }
.profil .challenge-list-mask { position: relative; width: 483px; height: 290px; padding: 89px 0 0 0; overflow: hidden }
.profil .challenge-list-content { position: relative; width: 2420px; height: 290px; font: bold 13px segoe ui, arial, sans-serif; color: #ffffff; overflow: hidden }
.profil .challenge-list-page { float: left; width: 483px; height: 290px; overflow: hidden }
.profil .challenge-block { position: relative; width: 483px; height: 130px; margin: 13px 0 0 0; padding: 0; background: url(../images/challenge-profil-block-bg.png) no-repeat }
.profil .challenge-block .title { height: 22px; padding: 2px 0 0 33px; font-size: 15px }
.profil .challenge-block .desc-2l { height: 45px; padding: 5px 0 0 31px; line-height: 18px; white-space: nowrap }
.profil .challenge-block .desc-3l { height: 48px; padding: 2px 0 0 31px; line-height: 14px; white-space: nowrap }
.profil .challenge-block .state { position: relative; height: 41px; padding: 5px 0 0 53px; line-height: 18px }
.profil .challenge-block .state a { color: #ffffff; text-decoration: none }
.profil .challenge-block .state-done { background: url(../images/challenge-done-pic.png) no-repeat 9px 6px; }
.profil .challenge-block .state-todo { background: url(../images/challenge-todo-pic.png) no-repeat 7px 8px; }
.profil .challenge-block .shadow { color: #273a3b }
.profil .challenge-block .shadow a { color: #273a3b }
.register .pan-left { width: 483px; height: 401px; padding: 0 0 0 78px; background: url(../images/bg-register.png) no-repeat 78px 6px }
.register .pan-left .name { position: absolute; left: 108px; top: 50px; font-weight: bold; font-size: 14px; color: #ffffff; text-decoration: underline }
.register .btn-send { position: absolute; right: 13px; bottom: 42px }
.register .input-text { position: absolute; width: 290px }
.register .input-text-error { position: absolute; left: 260px; top: 4px }
.register .input-nick { left: 204px; top: 146px }
.register .input-lastname { left: 204px; top: 185px }
.register .input-firstname { left: 204px; top: 227px }
.register .input-msn { left: 204px; top: 268px }
.register .input-phone { left: 204px; top: 308px }
.register .error-msg { position: absolute; left: 110px; bottom: 37px; width: 370px; font: bold 12px verdana, arial, sans-serif; color: #b10c0c; background: #7fbac0 }
.register .register-completed { position: relative; width: 483px; height: 401px; background: url(../images/bg-register-completed.png) no-repeat 0 29px }
.register .register-completed .text { padding: 135px 0 0 33px; font: bold 15px segoe ui, arial, sans-serif; line-height: 25px }
.register .register-completed .text a { color: #e5e300; text-decoration: none }
.register .register-completed .shadow, .register .register-completed .shadow a { color: #011624 }

.challenge-2 .rss { position: absolute; left: 90px; top: 320px; width: 195px; height: 84px; background: url(../images/sport-rss-bg.png) no-repeat }
.challenge-2 .rss .content { width: 184px; height: 68px; font: normal 9px verdana, arial, sans-serif; color: #ffffff }
.challenge-2 .rss .content a { color: #ffffff; text-decoration: none }
.challenge-2 .rss .content a:hover { text-decoration: underline }
.challenge-2 .rss .jScrollPaneContainer { position: absolute; left: 8px; top: 16px; z-index: 1; overflow: hidden }
.challenge-2 .rss .jScrollPaneTrack { position: absolute; right: 0; top: 0; height: 100%; background: url(../images/sport-rss-sb-track.png) repeat-y; cursor: pointer }
.challenge-2 .rss .jScrollPaneDrag { position: absolute; height: 14px; background: url(../images/sport-rss-sb-drag.png) repeat-y; cursor: pointer; overflow: hidden }
.challenge-2 .rss a.jScrollArrowUp { display: block; position: absolute; top: 0; right: 0; z-index: 1; height: 14px; text-indent: -2000px; background: url(../images/sport-rss-sb-t.png) no-repeat; overflow: hidden }
.challenge-2 .rss a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; height: 14px; text-indent: -2000px; background: url(../images/sport-rss-sb-b.png) no-repeat; overflow: hidden }

.pan-right { display: inline; float: right; position: relative; width: 300px; height: 442px; margin: 0 68px 0 0 }
.profile-buddy { position: absolute; right: 234px; top: 7px }
.profile { position: absolute; right: -1px; top: 0; width: 205px; height: 54px; padding: 2px 4px 0 26px; font: bold 11px verdana, arial, sans-serif; color: #ffffff; background: url(../images/profile-bg.png) no-repeat }
.profile-not-logged { width: 170px; height: 48px; padding: 8px 0 0 65px; font: bold 9px segoe ui, arial, sans-serif; line-height: 13px; text-transform: uppercase; white-space: nowrap; background: url(../images/profile-not-logged-bg.png) no-repeat }
.profile-not-logged a { color: #ffffff; text-decoration: none }
.profile-not-logged .shadow { color: #034168 }
.profile .register-msg { padding: 20px 0 0 13px; font-size: 10px; letter-spacing: 1px }
.profile .name { display: block; float: left; text-decoration: underline; color: #ffffff }
.profile .close { display: block; float: right; font-weight: normal; font-size: 9px; color: #ffffff; cursor: pointer; text-decoration: none }
.profile .challenge-in-progress { float: left; width: 130px; height: 13px; margin: 5px 0 0 0; font-size: 10px; color: #ffffff; letter-spacing: 1px; background: url(../images/profile-bullet-on.gif) no-repeat right 2px }
.profile .challenge-in-progress-count { float: left; width: 20px; height: 13px; margin: 5px 0 0 0; font-size: 11px; color: #ffffff; text-align: center }
.profile .challenge-completed { float: left; width: 130px; height: 13px; font-size: 10px; color: #7fbac0; background: url(../images/profile-bullet-off.gif) no-repeat right 2px }
.profile .challenge-completed-count { float: left; width: 20px; height: 13px; font-size: 11px; color: #7fbac0; text-align: center }
.advertising { position: absolute; right: 0; top: 59px; width: 300px; height: 250px }
.btn-msn-dl-free { position: absolute; right: 157px; top: 312px }
.btn-msn-discover-history { position: absolute; right: 0; top: 312px }
.btn-msn-emoticones { position: absolute; right: 155px; top: 346px }
.btn-msn-mobile { position: absolute; right: -3px; top: 346px }

.footer { width: 964px; height: 21px; font: normal 9px verdana, arial, sans-serif; color: #00adff; background: url(../images/footer-bg.png) no-repeat }
.footer a { position: relative; padding: 0 20px; color: #00adff; text-decoration: none }
.footer span { padding: 0 20px }

.credits { display: none; position: absolute; left: 290px; bottom: 140px; z-index: 50 }
.credits .credits-close { display: block; position: absolute; right: 0; top: 0; width: 17px; height: 17px; cursor: pointer; background: url(../images/credits-close.png) no-repeat 0 4px }

.history-popup { display: none; position: absolute; left: 0; bottom: 50px; z-index: 50 }
.history-popup .history-popup-close { display: block; position: absolute; right: 4px; top: 4px; width: 28px; height: 28px; cursor: pointer; background: url(../images/empty.gif) }