/* CSS Document by Black meridian */ /* totallyspies-lefilm.com 2009 */ /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> aide couleurs <<<< */ /* ------------------------------------------------------------------------ */ /* Colors Help {noir : #000 ; jaune : #FFDE38 ; vert:#a4d047 ; orange:#dc7d01 ; bleu : #71b1e0 ; gris:#cecece ; rouge:#CC3300 }*/ /* ------------------------------------------------------------------------ */ /* >>>>>>>>>>>>> generalites <<<< */ /* ------------------------------------------------------------------------ */ HTML{font-size: 100%; font-weight:normal;} /* La taille de base sera de 10px avec les valeurs par defaut de police du navigateur */ body{font: 0.625em/1em Arial, "Trebuchet MS", Verdana, sans-serif; color:#FFF;background:#000 url(images/backgroundBody3Low.jpg) center top fixed no-repeat; } input, select, textarea{font-size: 100%;} .accessiblite {display:none} .clear {clear:both;} h1{display:none} #page {position:relative; display:block; width: 960px; margin:0 auto;} /* les liens par defaut */ #page a { color:#FFF; text-decoration:underline } #page a:hover { color: #fe0000; } #page a:active { color: #000; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> commun <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body #logo { display:block; position:absolute; width:380px; height:240px; top:-35px; left:-30px; } body #accroche { display:block; position:absolute; width:571px; height:42px; top:98px; left:297px;background:transparent url(images/accrocheN3.png) top left no-repeat; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> formulaire <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body#id67 .formulaire {margin-top:30px;} body .formulaire .displayNone { display:none} body .formulaire div#infos, body .formulaire p {padding-left:30px;} body .formulaire td {padding-right:40px;vertical-align:middle;} body .formulaire label{display: block; color:#FFF; width: 200px; float:left; margin-bottom: 10px; text-align: right;padding-right: 10px; font-size:1.3em; line-height:1.2em;} body .formulaire input{} body .formulaire input.date{ width: 81px;} body .formulaire input.radio{ width: 31px; text-align:left} body .formulaire select {display: inline; width: 200px; margin-bottom: 6px; } body .formulaire select.deuxLignes { margin-top: 12px; } body .formulaire textarea{display: inline; width: 352px; margin: 8px 0 10px 20px; border:1px solid #BFBFBF; font-size:1.5em; line-height:1.2em;} body .formulaire textarea#textareaNote{height:80px; } body .formulaire br {clear: left;} body .formulaire p { font-size:1.2em; line-height:1.2em;} body .formulaire p.important { font-size:1.1em;color:#FE0000;margin-bottom:10px;} body .formulaire p.recommandation { margin:10px 0 10px 250px} body .formulaire h4 { margin:10px 0 0px 0px} body .formulaire hr {width: 500px; text-align:left; color: #CCC; background-color: #CCC; height: 1px;border: 0; margin-bottom:12px} body .formulaire input#inscription { background-color:#D2002B; color:#FFFFFF; width:112px; height:23px; margin-left:260px; cursor:pointer; } body .formulaire input#inscription:hover { background-color:#000;} body .formulaire h6{ position:relative; font-size:1.2em; font-weight:bold; line-height:1.2em; margin:0px 0 10px 250px} body .formulaire .recommandations { margin-left:30px} body .formulaire input.btnEnvoyer { display:block; height:47px; width:137px; background:transparent url(images/btnValiderOff.png) top center; cursor:pointer; border:0 solid #ccc; margin-left:200px} body .formulaire input.btnEnvoyer:hover { background:transparent url(images/btnValiderOn.png) top center;} body .formulaire .asterisque { color:#fe0000} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> mon compte <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body #monCompte { display:block; position:absolute; width:176px; height:96px; top:28px; left:812px;background:transparent url(images/monCompte.png) top left no-repeat; } body #monCompte h3 { margin:6px 13px 10px 25px; color:#990066; font-size:1.3em; line-height:1.3em; font-weight:bold; text-align:center } body #monCompte p { position:absolute; left:30px; top:50px} body #monCompte h3 a {background:url(images/deconnexion.png) no-repeat 0 0;padding-top:14px;width:82px;height:0;overflow:hidden;display:block;margin:3px 0 0 55px;} body #monCompte h3 a:hover {background-position:0 -14px;} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> news <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body ul#news { display:block; position:absolute; width:486px; height:58px; overflow:hidden; top:125px; left:345px;background:transparent url(images/backgroundNews.png) top left no-repeat; z-index:11 } body ul#news li { padding:19px 0 0 30px } body ul#news li a { color:#FFF; font-size:1.4em; line-height:1.6em; text-decoration:none } body ul#news li a:hover { text-decoration:underline } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> menu niveau 1 <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body #page #entete #menuNiv1 {position:absolute; width:670px; height:105px; top:0; left:164px; background:transparent url(images/backgroundMenu.png) top left no-repeat; padding-left:162px } body #page #entete #menuNiv1 ul {} body #page #entete #menuNiv1 ul li{width:110px;height:124px;float:left; position:relative} body #page #entete #menuNiv1 ul li a{height:0;padding-top:124px;display:block;background:transparent url(images/menu3.png) no-repeat;overflow:hidden; cursor:pointer} body #page #entete #menuNiv1 ul li#item1{ left:0} body #page #entete #menuNiv1 ul li#item8{ left:-35px} body #page #entete #menuNiv1 ul li#item9{left:-65px} body #page #entete #menuNiv1 ul li#item10{left:-85px} body #page #entete #menuNiv1 ul li#item11{left:-120px} body #page #entete #menuNiv1 ul li#item12{left:-145px} body #page #entete #menuNiv1 ul li a#aItem1{width:110px; background-position:-20px 0px;} body #page #entete #menuNiv1 ul li a#aItem8{width:110px; background-position:-165px 0px;} body #page #entete #menuNiv1 ul li a#aItem9{width:110px; background-position:-310px 0px;} body #page #entete #menuNiv1 ul li a#aItem10{width:110px; background-position:-460px 0px;} body #page #entete #menuNiv1 ul li a#aItem11{width:110px; background-position:-615px 0px;} body #page #entete #menuNiv1 ul li a#aItem12{width:261px; background-position:-775px 0px;} body #page #entete #menuNiv1 ul li a.active#aItem1 {background-position:-20px -250px;} body #page #entete #menuNiv1 ul li a.active#aItem8 {background-position:-165px -250px;} body #page #entete #menuNiv1 ul li a.active#aItem9 {background-position:-310px -250px;} body #page #entete #menuNiv1 ul li a.active#aItem10 {background-position:-460px -250px;} body #page #entete #menuNiv1 ul li a.active#aItem11 {background-position:-615px -250px;} body #page #entete #menuNiv1 ul li a.active#aItem12 {background-position:-775px -250px;} body #page #entete #menuNiv1 ul li a#aItem1:hover{width:110px ;background-position:-20px -120px;} body #page #entete #menuNiv1 ul li a#aItem8:hover {width:110px; background-position:-165px -120px;} body #page #entete #menuNiv1 ul li a#aItem9:hover {width:110px; background-position:-310px -120px;} body #page #entete #menuNiv1 ul li a#aItem10:hover {width:110px; background-position:-460px -120px;} body #page #entete #menuNiv1 ul li a#aItem11:hover {width:110px; background-position:-615px -120px;} body #page #entete #menuNiv1 ul li a#aItem12:hover {width:261px; background-position:-775px -120px;} body #page #entete #menuNiv1 ul li#item1 a.active:hover{width:110px ;background-position:-20px -120px !important;} body #page #entete #menuNiv1 ul li#item8 a.active:hover {width:110px; background-position:-165px -120px !important;} body #page #entete #menuNiv1 ul li#item9 a.active:hover {width:110px; background-position:-310px -120px !important;} body #page #entete #menuNiv1 ul li#item10 a.active:hover {width:110px; background-position:-460px -120px !important;} body #page #entete #menuNiv1 ul li#item11 a.active:hover {width:110px; background-position:-615px -120px !important;} body #page #entete #menuNiv1 ul li#item12 a.active:hover {width:261px; background-position:-775px -120px !important;} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> menu niveau 2 <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body #page #entete #menuNiv2 { display:block; position:absolute;height:40px; top:174px; right:50px; z-index:15 } body #page #entete #menuNiv2 ul { margin:0;list-style:none;} body #page #entete #menuNiv2 li {float:left; background:url(images/backgroundMenuNiv2Bleu.png) no-repeat left top; margin:0; padding:0 0 0 15px; margin-left:3px} body #page #entete #menuNiv2 a { display:block; background:url(images/backgroundMenuNiv2Bleu.png) no-repeat right top; padding:8px 15px 4px 0px; height:32px; text-decoration:none; font-size:1.1em; text-transform:uppercase; color:#d2d6e2; } body #page #entete #menuNiv2 a:hover {color:#fff;} body.parent10 #page #entete #menuNiv2 li.active, body.parent10 #page #entete #menuNiv2 li.active a, body.parent8 #page #entete #menuNiv2 li.active, body.parent8 #page #entete #menuNiv2 li.active a{background-image:url(images/backgroundMenuNiv2Bordeaux.png); color:#FFF} body.parent9 #page #entete #menuNiv2 li.active, body.parent9 #page #entete #menuNiv2 li.active a{background-image:url(images/backgroundMenuNiv2Violet.png); color:#FFF} body.parent12 #page #entete #menuNiv2 li.active, body.parent12 #page #entete #menuNiv2 li.active a{background-image:url(images/backgroundMenuNiv2Violet.png); color:#FFF} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> pied de page <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ #piedDePage { display:block; position:absolute; width:940px; height:60px; top:600px; left:50%; margin-left:-470px; text-align:center; z-index:999;margin-top:15px;} #piedDePage ul { height:60px;position:relative;left:20px} #id1 #piedDePage ul {left:20px} #piedDePage ul li { display:inline-block; line-height:66px; margin-right:8px;position:relative;height:40px;} #piedDePage ul li.separation{border-left:2px solid #fff;padding-left:10px;} #piedDePage ul li span.top {position:absolute;top:-50px;left:0;font-size:1.1em;} #piedDePage p { margin-top:20px} #piedDePage p a { color:#FFF ; } #piedDePage p a:hover { color: #FFF;text-decoration:underline } #piedDePage p a:visited { color: #FFF; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> jscrollpane <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ #page #contenu {width: 100%;height: 379px;overflow: auto;} #page .scroll-pane {} #page .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;top:30px; left:54px; background: transparent url(images/backgroundCadreId22.jpg) top center no-repeat;} #page .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: transparent url(images/fondPaneDrag.png) 0 0 repeat-y;} #page .jScrollPaneDrag { position: absolute; background:transparent url(images/fondPaneDrag2.png) 0 0 repeat-y; cursor: pointer; overflow: hidden;} #page .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } #page .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden;} #page a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: -1px; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 17px;} #page a.jScrollArrowUp:hover { /*background-color: #f60;*/ } #page a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom:0; right: -1px; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 17px; } #page a.jScrollArrowDown:hover { /*background-color: #f60;*/ } #page a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } #page a.jScrollArrowUp {background:transparent url(images/basic_arrow_up.png) no-repeat 0 0;} #page a.jScrollArrowDown { background:transparent url(images/basic_arrow_down.png) no-repeat 0 0;} /* -------------------------------------- ----------------------------------- */ /* >>>>>>>>>>>>> personnages <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body #flashPersonnage {position:absolute;top:200px;left:-10px; z-index:14} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 3 : accueil <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template3 { background:#000 url(images/backgroundBody2.jpg) center top no-repeat; } body.template3 #page {position:relative; } body.template3 #flashPersonnage {position:absolute;top:404px;left:132px; z-index:14} /* body.template3 #cadre {display:none; position:absolute; width:831px; height:461px; top:184px; left:162px; background: transparent url(images/backgroundContenu.png) top center no-repeat } */ body.template3 #player { display:block; position:absolute; width:700px; height:465px; top:162px; left:293px; background: transparent url(images/backgroundPlayer.png) top center no-repeat; } body.template3 #playerGauche { display:block; position:absolute; width:104px; height:237px; top:282px; left:301px; background: transparent url(images/backgroundGauche2.png) top center no-repeat } /* body.template3 #playerGauche { display:block; position:absolute; width:428px; height:677px; top:125px; left:-20px; background: transparent url(images/backgroundGauche3.png) top center no-repeat } */ body.template3 #playerHautDroit { display:none; position:absolute; width:54px; height:152px; top:162px; left:914px; background: transparent url(images/backgroundHautDroit.png) top center no-repeat } body.template3 #playerBasDroit { display:block; position:absolute; width:184px; height:163px; top:459px; left:808px; background: transparent url(images/backgroundBasDroit.png) top center no-repeat } body.template3 #player #playerHome { display:block; position:absolute; width:600px; height:400px; top:47px; left:50px; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 4 : contenu <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template4 { } body.template4 #page {position:relative; } body.template4 #cadre {position:absolute; width:831px; height:461px; top:184px; left:162px; background: transparent url(images/backgroundContenu.png) top center no-repeat; z-index:9; } body.template4 #cadre #contenu { position:absolute; width: 730px;height: 379px;overflow: auto; z-index:10 } body.template4 #cadre #contenu #maincontent {padding:0 20px} body.template4 #cadre #contenu h2 {height:0;padding-top:50px; overflow:hidden;margin-bottom:10px} body#id22 #cadre #contenu h2, body#id30 #cadre #contenu h2, body#id31 #cadre #contenu h2, body#id32 #cadre #contenu h2, body#id32 #cadre #contenu h2, body#id34 #cadre #contenu h2 {background: url(images/titre-video.png) no-repeat 20px center;} body.template4#id23 #cadre #contenu h2 {background: url(images/titre-resume.png) no-repeat 20px center; margin-left:174px;} body.template4#id24 #cadre #contenu h2 {background: url(images/titre-personnages.png) no-repeat 20px center;} body.template4#id25 #cadre #contenu h2 {background: url(images/titre-gadgets.png) no-repeat 20px center;} body.template4#id26 #cadre #contenu h2 {background: url(images/titre-lieux.png) no-repeat 20px center;} body.template4#id20 #cadre #contenu h2 {background: url(images/titre-fonds.png) no-repeat 20px center;} body.template4#id21 #cadre #contenu h2 {background: url(images/titre-economiseurs.png) no-repeat 20px center;} body.template4#id81 #cadre #contenu h2 {background: url(images/titre-affiches.png) no-repeat 20px center;} body.template4#id16 #cadre #contenu h2 {background: url(images/titre-compte.png) no-repeat 20px center;} body.template4 #cadre #contenu q {position:absolute;top:0;right:20px;font-size:1.2em;line-height:50px;} body.template4 #cadre #contenu q:before,body.template4 #cadre #contenu q:after {content:"";} /****************************************************************/ body #cadre #contenu #contenuTexte h3 {font-size:1.5em;color:#fff;margin:0 0 10px 0;padding:0 40px 0 40px;font-weight:bold; clear:left} body #cadre #contenu #contenuTexte h4 {font-size:1.4em;color:#000;margin:10px 0 10px 0;padding:0 40px 0 40px;font-weight:bold; } body #cadre #contenu #contenuTexte h5 {font-size:1.2em;color:#000;margin:10px 0 10px 0;padding:0 40px 0 40px;font-weight:bold; } body #cadre #contenu #contenuTexte p {font-size:1.4em;line-height:1.3em;color:#fff;margin-bottom:15px;padding:0 40px 0 40px; text-align:justify} body #cadre #contenu #contenuTexte ul { list-style-type:disc} body #cadre #contenu #contenuTexte li {font-size:1.4em;line-height:1.3em;color:#fff;margin-bottom:15px;padding:0 40px 0 80px; text-align:justify} body#id23 #cadre #contenu #contenuTexte p {padding:0 40px 0 214px;} body #cadre #contenu #contenuTexte img {float:left;margin:0 15px 0 0} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> background <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ #page .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;top:30px; left:54px; background: transparent url(images/backgroundCadreId22.jpg) top center no-repeat;} body#id23 #page .jScrollPaneContainer {background: transparent url(images/backgroundCadreId23.jpg) top center no-repeat;} body.parent9 #page .jScrollPaneContainer {background: transparent url(images/backgroundCadreId20.jpg) top center no-repeat;} body#id12 #page .jScrollPaneContainer {background: transparent url(images/backgroundCadreId12.png) top center no-repeat;} body#id67 #page .jScrollPaneContainer {background: transparent url(images/backgroundCadreWoohp2.png) top center no-repeat;} body#id67 #page .jScrollPaneContainer h2 {background: transparent url(images/h2-inscription.png) 50px 5px no-repeat;} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 4 id 22 videos <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template4 #cadre #contenu #contenuDynamique {padding:0 20px;} body.template4#id22 #cadre #contenu #contenuDynamique .uneVignette {width:150px;height:140px;overflow:hidden;float:left;margin-right:15px;margin-bottom:10px;} body.template4#id22 #cadre #contenu #contenuDynamique .uneVignette a{width:150px;height:100px;display:block;text-decoration:none;margin-bottom:5px} body.template4#id22 #cadre #contenu #contenuDynamique .uneVignette a img{} body.template4#id22 #cadre #contenu #contenuDynamique .uneVignette p{font-size:1.1em;font-weight:bold;color:#fff;text-align:center;margin-top:5px} body.template4#id22 #cadre #contenu #contenuDynamique .uneVignette h3{font-size:1.1em;color:#fff;line-height:1.1em;text-align:center;font-weight:normal;} body.template4#id22 #cadre #contenu #contenuDynamique .uneVignette.inactive img {filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 6 1 une vidéo <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template6 { } body.template6 #page {position:relative; } body.template6 #cadre {position:absolute; width:960px; height:461px; top:164px; left:0px; background: transparent url(images/backgroundContenuGrand.png) 0 0 no-repeat; z-index:9; } body.template6 #cadre #contenu { position:absolute; width: 914px;height: 379px; left:35px; top:50px; overflow: hidden; z-index:10; background:#000 url(images/backgroundVideo.jpg) 0 0 no-repeat;} body.template6 #cadre #contenu #contenuDynamique{padding:0 20px} body.template6 #cadre #contenu h2 {height:0;padding-top:50px;overflow:hidden;margin-bottom:10px} body.template6 #contenu h3 { position:absolute; right:376px; top:20px; font-size:1.5em;color:#fff;margin:0 0 10px 0;padding:0 40px 10px 0px;font-weight:bold; text-transform:uppercase; text-align:right} body.template6 #cadre #contenu q {position:absolute;top:0;right:20px;font-size:1.2em;line-height:50px;} body.template6 #cadre #contenu q:before,body.template6 #cadre #contenu q:after {content:"";} body.template6 #contenu #player { position:absolute; left:-18px; top:0px; width: 550px;height: 400px;overflow: auto; z-index:10 } body.template6 #contenu #codeCopierVideo { position:absolute; left:530px; top:29px; z-index:10; } body.template6 #contenu #codeCopierVideo h4 {font-size:1.1em;color:#fff;margin:0 0 10px 0;padding:0 20px 0px 0px;font-weight:bold;} body.template6 #contenu #codeCopierVideo textarea { font-family:Arial, Helvetica, sans-serif; background-color:#d6d5d9; border:#CCC 1px solid; font-size:1.1em; line-height:1.2em; color:#000 ;margin:0 0 10px 0;padding:3px;} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 4 id 24 personnages <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template4#id24 #cadre #contenu #contenuDynamique .uneVignette {width:150px;height:190px;overflow:hidden;float:left;margin-right:15px;margin-bottom:20px;} body.template4#id24 #cadre #contenu #contenuDynamique .uneVignette a{width:150px;height:170px;display:block;text-decoration:none;margin-bottom:5px} body.template4#id24 #cadre #contenu #contenuDynamique .uneVignette a img{width:150px} body.template4#id24 #cadre #contenu #contenuDynamique .uneVignette h3{font-size:1.1em;color:#fff;text-align:center;font-weight:normal;text-transform: uppercase;font-weight:bold;} body.template4#id24 #cadre #contenu #contenuDynamique .uneVignette.inactive img {filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 7 1 personnage <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template7 { } body.template7 #page {position:relative;} body.template7 #cadre {position:absolute; width:831px; height:461px; top:184px; left:162px; background: transparent url(images/backgroundContenu.png) top center no-repeat; z-index:9; } body.template7 #cadre #contenu { position:absolute; width: 730px;height: 379px;overflow: auto; z-index:10 } body.template7 #cadre #contenu h2 {line-height:50px;font-size:1.6em;font-weight:bold;padding-left:20px;text-transform:uppercase} body.template7 #cadre #contenu q {position:absolute;top:0;right:20px;font-size:1.2em;line-height:50px;} body.template7 #cadre #contenu q:before,body.temlate7 #cadre #contenu q:after {content:"";} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 4 id 20 fond d'ecran <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template4 #cadre #contenu #contenuDynamique {padding:0 20px;} body.template4#id20 #cadre #contenu #contenuDynamique .uneVignette {height:140px;overflow:hidden;float:left;margin-right:50px;margin-bottom:10px;} body.template4#id20 #cadre #contenu #contenuDynamique .uneVignette a{display:block;text-decoration:none;margin-bottom:5px} body.template4#id20 #cadre #contenu #contenuDynamique .uneVignette a img{ } body.template4#id20 #cadre #contenu #contenuDynamique .uneVignette p{font-size:1.1em;font-weight:bold;color:#fff;text-align:center;margin-top:5px} body.template4#id20 #cadre #contenu #contenuDynamique .uneVignette h3{font-size:1.1em;color:#fff;line-height:1.1em;text-align:center;font-weight:normal;} body.template4#id20 #cadre #contenu #contenuDynamique .uneVignette.inactive img {filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 4 id 21 economiseur <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template4 #cadre #contenu #contenuDynamique {padding:0 20px;} body.template4#id21 #cadre #contenu #contenuDynamique .uneVignette {width:150px;height:140px;overflow:hidden;float:left;margin-right:15px;margin-bottom:10px;} body.template4#id21 #cadre #contenu #contenuDynamique .uneVignette a{width:150px;height:120px;display:block;text-decoration:none;margin-bottom:5px} body.template4#id21 #cadre #contenu #contenuDynamique .uneVignette a img{} body.template4#id21 #cadre #contenu #contenuDynamique .uneVignette p{font-size:1.1em;font-weight:bold;color:#fff;text-align:center;margin-top:5px} body.template4#id21 #cadre #contenu #contenuDynamique .uneVignette h3{font-size:1.1em;color:#fff;line-height:1.1em;text-align:center;font-weight:normal;} body.template4#id21 #cadre #contenu #contenuDynamique .uneVignette.inactive img {filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 4 id 81 affiches <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template4 #cadre #contenu #contenuDynamique {padding:0 20px;} body.template4#id81 #cadre #contenu #contenuDynamique .uneVignette {width:250px;height:300px;overflow:hidden;float:left;margin-right:15px;margin-bottom:10px;} body.template4#id81 #cadre #contenu #contenuDynamique .uneVignette a{width:250px;height:280px;display:block;text-decoration:none;margin-bottom:5px} body.template4#id81 #cadre #contenu #contenuDynamique .uneVignette a img{} body.template4#id81 #cadre #contenu #contenuDynamique .uneVignette p{font-size:1.1em;font-weight:bold;color:#fff;text-align:center;margin-top:5px} body.template4#id81 #cadre #contenu #contenuDynamique .uneVignette h3{font-size:1.1em;color:#fff;line-height:1.1em;text-align:center;font-weight:normal;} body.template4#id81 #cadre #contenu #contenuDynamique .uneVignette.inactive img {filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 8 : contenu flash <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template8 { } body.template8 #page {position:relative; } body.template8 #cadre {position:absolute; width:831px; height:461px; top:184px; left:162px; background: transparent url(images/backgroundContenu.png) top center no-repeat; z-index:9; } body.template8 #cadre #contenu { position:absolute; width: 730px;height: 379px;overflow: auto; z-index:10 } /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 9 : communicateur <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template10 { } body.template10 #page {position:relative; } body.template10 #communicateur {position:absolute; width:826px; height:435px; top:193px; left:165px; background: transparent url(images/backgroundCommunicateur.png) top center no-repeat; z-index:9; } body.template10 #communicateur #instruction { display:block; position:absolute; width:430px; height:340px;top:37px; left:332px; overflow:auto } body.template10 #communicateur #titreMessage { display:block; position:absolute; width:204px; height:0px; padding-top:20px; top:37px; left:303px; overflow:hidden; background: transparent url(images/titre-lesMessages.png) top left no-repeat; } body.template10 #communicateur #message { display:block; position:absolute; width:204px; height:300px;top:57px; left:303px; overflow:auto; } body.template10 #communicateur #pagination { display:block; position:absolute; width:204px; height:20px;top:357px; left:303px; background-color:#465e84; text-align:center ; line-height:20px; font-size:1.2em } body.template10 #communicateur p.infos {display:block; position:absolute; width:720px; height:20px;top:408px; left:58px; font-size:1em; color:#FFF} body.template10 #communicateur .unMessage li { background-color:#41338c; margin:5px 5px 10px 5px;position:relative; overflow:hidden} body.template10 #communicateur .unMessage li p { font-size:1.2em; line-height:1.3em;font-weight:bold;padding:5px 5px 0 5px;} body.template10 #communicateur .unMessage li h5 { font-size:1.1em; line-height:1.2em;font-style:italic;padding:5px;font-weight:normal;} body.template10 #communicateur .unMessage li h5 strong{font-weight:bold;font-style:normal;text-transform:uppercase;margin-left:5px;} body.template10 #communicateur .unMessage li a { font-size:1em;color:#fff;margin-top:3px;} body.template10 #communicateur .unMessage li em {font-style:italic;text-decoration:underline;} body.template10 #communicateur .unMessage li.jerry { background:#f3b512 url(images/backgroundCommunicateurJerry.png) bottom right no-repeat;} body.template10 #communicateur .unMessage li.jerry p { color:#41338c } body.template10 #communicateur .unMessage li.jerry h5 { color:#41338c} body.template10 #communicateur .unMessage li.jerry a {color:#41338c} body.template10 #communicateur .unMessage li a.voir {background:url(images/voir.png) no-repeat 0 0;display:block;width:34px;height:0;padding-top:14px;overflow:hidden;position:absolute;right:62px;bottom:2px;} body.template10 #communicateur .unMessage li a.voir:hover {background:url(images/voir.png) no-repeat 0 -14px;} body.template10 #communicateur .unMessage li a.repondre {background:url(images/repondre.png) no-repeat 0 0;display:block;width:59px;height:0;padding-top:19px;overflow:hidden;cursor:pointer;position:absolute;right:0;bottom:-3px;} body.template10 #communicateur .unMessage li a.repondre:hover {background:url(images/repondre.png) no-repeat 0 -20px;} body.template10 #communicateur #titreReponse { display:block; position:absolute; width:204px; height:0px; padding-top:20px; top:37px; left:558px; overflow:hidden; background: transparent url(images/titre-lesReponses.png) top left no-repeat; } body.template10 #communicateur #reponse { display:block; position:absolute; width:204px; height:320px; top:57px; left:558px; overflow:auto; } body.template10 #communicateur #menu {width:200px;height:200px;position:relative;left:50px;top:35px} body.template10 #communicateur #menu ul {} body.template10 #communicateur #menu ul li{width:200px;height:25px;position:absolute;} body.template10 #communicateur #menu ul li a{display:block;width:200px;height:25px;} body.template10 #communicateur #menu ul li a span{display:none;} body.template10 #communicateur #menu ul li#menu1 {top:0;} body.template10 #communicateur #menu ul li#menu2 {top:37px;} body.template10 #communicateur #menu ul li#menu3 {top:119px;} body.template10 #communicateur #menu ul li#menu4 {top:160px;} body.template10 #communicateur #menu ul li#menu1 a {background:url(images/instruction-off.png) no-repeat;} body.template10 #communicateur #menu ul li#menu2 a {background:url(images/envoyerUnMess-off.png) no-repeat;} body.template10 #communicateur #menu ul li#menu3 a {background:url(images/touslesmessages-off.png) no-repeat;} body.template10 #communicateur #menu ul li#menu4 a {background:url(images/quitter-off.png) no-repeat;} body.template10 #communicateur #menu ul li#menu1 a:hover {background:url(images/instruction-hover.png) no-repeat;} body.template10 #communicateur #menu ul li#menu2 a:hover {background:url(images/envoyerUnMess-hover.png) no-repeat;} body.template10 #communicateur #menu ul li#menu3 a:hover {background:url(images/touslesmessages-hover.png) no-repeat;} body.template10 #communicateur #menu ul li#menu4 a:hover {background:url(images/quitter-hover.png) no-repeat;} body.template10 #communicateur .nouveauMessage {display:block;width:174px;background-color:#41338c;margin:5px;padding:5px} body.template10 #communicateur .nouveauMessage h4 {background:url(images/ajouteUnMess.png) no-repeat;width:155px;height:14px;margin-bottom:15px;} body.template10 #communicateur .nouveauMessage h4 span{display:none;} body.template10 #communicateur .nouveauMessage form{padding:0;} body.template10 #communicateur .nouveauMessage input{display: inline;font-size:1.1em; width: 180px; border:1px solid #000;margin:0 0 10px 0} body.template10 #communicateur .nouveauMessage textarea {display:inline;font-size:15px;height:80px; width:170px; border:1px solid #000; margin:0 0 10px 0} body.template10 #communicateur .nouveauMessage label {display:block;color:#ffffff;width:120px;margin-bottom: 5px; text-align: left;font-size:1.3em;line-height:1.1em} body.template10 #communicateur .nouveauMessage blockquote {font-size:1.1em;color:#fff;margin:0 0 10px 0;padding:0;color:#fff;} body.template10 #communicateur .nouveauMessage br {clear: left;} body.template10 #communicateur .nouveauMessage .pseudo {display:none;} .btnEnvoyer {} .btnEnvoyer a {background:url(images/btnenvoyer.png) no-repeat 0 0;width:59px;padding-top:16px;height:0;overflow: hidden;display:block;} .btnEnvoyer a:hover {background-position:0 -16px;} body.template10 #communicateur .nouveauMessage input#id_com {border:0 none;} body.template10 #communicateur span.btnPrecedent, body.template10 #communicateur span.btnSuivant { margin:0 5px; font-size:1em} btnPrecedent /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> template 11 : contenu grand format <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body.template11 { } body.template11 #page {position:relative; } body.template11 #cadre {position:absolute; width:960px; height:461px; top:164px; left:0px; background: transparent url(images/backgroundContenuGrand.png) 0 0 no-repeat; z-index:9; } body.template11 #cadre #contenu { position:absolute; width: 914px;height: 379px; left:35px; top:50px; overflow: hidden; z-index:10;background-color:#000 } body#id16 #cadre #contenu { position:absolute; width: 914px;height: 379px; left:35px; top:50px; overflow: hidden; z-index:10; background: transparent url(images/backgroundCadreId16.png) 0 0 no-repeat; } body#id60 #cadre #contenu { position:absolute; width: 914px;height: 379px; left:35px; top:50px; overflow: hidden; z-index:10; background: transparent url(images/backgroundCadreId16.png) 0 0 no-repeat; } body.template11 #cadre #contenu #maincontent {padding:0 20px} body.template11 #cadre #contenu h2 {height:0;padding-top:50px;overflow:hidden;margin-bottom:10px} body.template11#id23 #cadre #contenu h2 {background: url(images/titre-resume.png) no-repeat 20px center;} body.template11 #cadre #contenu q {position:absolute;top:0;right:20px;font-size:1.2em;line-height:50px;} body.template11 #cadre #contenu q:before,body.template11 #cadre #contenu q:after {content:"";} body#id61 #contenuDynamique p{font-size:1.4em;line-height:1.3em;color:#fff;margin-bottom:15px;padding:0 40px 0 40px; text-align:left} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> id 10 : jeux <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body#id10 { } body#id10 #page {position:relative;} body#id10 #cadre {position:absolute; width:831px; height:461px; top:184px; left:162px; background: transparent url(images/backgroundContenu.png) top center no-repeat;} body#id10 #cadre #contenu { position:absolute; background: transparent url(images/jeux3.png) top center no-repeat; width: 730px;height: 379px;overflow: auto; } body#id10 #cadre #contenu h2 {line-height:50px;font-size:1.6em;font-weight:bold;padding-left:20px;text-transform:uppercase} body#id10 #cadre #contenu q {position:absolute;top:0;right:20px;font-size:1.2em;line-height:50px;} body#id10 #cadre #contenu q:before,body.temlate7 #cadre #contenu q:after {content:"";} body#id10 #cadre #contenu #texte { display:block; position:absolute;height:215px; width:208px; top:26px; left:290px; z-index:10 ; text-align:left } body#id10 #cadre #contenu #texte p {font-size:1.2em;line-height:1.4em;color:#fff; margin-bottom:6px} body#id10 #cadre #contenu #topTen { display:block; position:absolute;height:215px; width:208px; top:50px; right:25px; z-index:10 ; text-align:right } body#id10 #cadre #contenu #topTen li {font-size:1.2em;line-height:1.4em;color:#fff; text-transform:capitalize} body#id10 #cadre #mea { display:none; position:absolute; top:-39px; left:-64px; background:transparent url(images/meajeux.png) no-repeat left top; height:382px; width:508px;z-index:999 ; } body#id10 #flashPersonnage {position:absolute;top:86px !important; left:100px !important; z-index:10} body#id10 #flashPersonnage embed {z-index:10} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> menu mission <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body #page #navMission { display:block; position:absolute;height:85px; top:272px; left:278px; z-index:15 } body #page #navMission ul { margin:0;list-style:none; z-index:999 } body #page #navMission li {float:left; background:none; margin:0; width:85px; margin-left:2px;} body #page #navMission a { display:block; padding:85px 0px 0px 0px; height:0; text-decoration:none; overflow:hidden; font-size:1.1em; text-transform:uppercase; color:#d2d6e2; } body #page #navMission a#aItem45 { background:url(images/jeuxMission1Active.png) no-repeat right top; z-index:999} body #page #navMission a#aItem83 { background:url(images/jeuxMission2Active.png) no-repeat right top;} body #page #navMission a#aItem84 { background:url(images/jeuxMission3Active.png) no-repeat right top;} body #page #navMission a#aItem85 { background:url(images/jeuxMission4Active.png) no-repeat right top;} body #page #navMission a#aItem86 { background:url(images/jeuxMission5Active.png) no-repeat right top;} body #page #navMission a#aItem45:hover { background:url(images/jeuxMission1Active.png) no-repeat right top;} body #page #navMission a#aItem83:hover { background:url(images/jeuxMission2Active.png) no-repeat right top;} body #page #navMission a#aItem84:hover { background:url(images/jeuxMission3Active.png) no-repeat right top;} body #page #navMission a#aItem85:hover { background:url(images/jeuxMission4Active.png) no-repeat right top;} body #page #navMission a#aItem86:hover { background:url(images/jeuxMission5Active.png) no-repeat right top;} body #page #navMission a:hover {color:#fff;} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> id 12 : acces woohp <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body#id12 #page #contenu {padding-top:60px} body#id12 #page p.recommandations { font-size:1.4em} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body#id45 #flashPersonnage, body#id83 #flashPersonnage, body#id84 #flashPersonnage, body#id85 #flashPersonnage, body#id86 #flashPersonnage, body#id107 #flashPersonnage { display:none} /* ------------------------------------------------------------------------- */ /* >>>>>>>>>>>>> resultats <<<<<<<<<<<< */ /* ------------------------------------------------------------------------- */ body#id107 h2 {display:none} body#id107 #contenuDynamique p {font-size:1.3em;line-height:1.2;padding-top:15px;} body#id107 #contenuDynamique p strong {font-weight: bold;} body#id107 #contenuDynamique table {width:100%;border-collapse: collapse;margin-bottom:20px;} body#id107 #contenuDynamique table thead tr {margin-bottom:20px;text-transform:uppercase} body#id107 #contenuDynamique table tr th {font-weight:bold;font-size:1.2em;line-height:3em;padding:0 5px;} body#id107 #contenuDynamique table tbody {padding-bottom:15px;border-top:1px solid #fff;} body#id107 #contenuDynamique table tbody td {width:25%;font-size:1.2em;line-height:1.3em;padding:5px 5px 0 5px;} body#id107 #contenuDynamique table tbody td.numero {width:15%;} body#id107 #contenuDynamique table tbody td.prenom {text-transform:capitalize;} body#id107 #contenuDynamique table tbody td.nom {text-transform:uppercase;} body#id107 #contenuDynamique table tbody td.ville {text-transform:lowercase;} body#id107 #contenuDynamique table tbody td.ville:first-letter {text-transform:uppercase;}