/* CSS Document by Meridian Communication */ /* www.passe-a-la-maison.com 2008 */ /* ----------------------------------- */ /* >>>>>>>>>>>>> aide couleurs <<<< */ /* ----------------------------------- */ /* Colors Help {violet : #693D8C ; bleu : #006AB1 ; bleu clair : #91D4F2 ; orange : #E85C0F ; }*/ @import "reset.css"; /* ----------------------------------- */ /* >>>>>>>>>>>>> generalites <<<< */ /* ----------------------------------- */ HTML{font-size: 100%; height:100%; background:url(images/body.jpg) center top no-repeat; z-index:0; } /* La taille de base sera de 10px avec les valeurs par defaut de police du navigateur */ body{font: 0.625em/1em "Trebuchet MS", Verdana, Arial, sans-serif; min-height:100% !important; min-height:auto; background:url(images/fondDivPage-5.png) center center no-repeat; z-index:2; } input, select, textarea{font-size: 100%;} .accessiblite {display:none} /* ----------------------------------- */ /* >>>>>>>>>>>>> entete <<<<<<<<<<< */ /* ----------------------------------- */ a img, img {border: none;} #page {position:absolute; width: 955px; height: 600px; left: 50%; margin-left: -477px; top: 50%; margin-top: -300px; overflow:hidden } h1, h2 {display:none} /*/////////////// BOUTON envoyer a un ami */ #page #navigation #btn-envoyer {position:absolute; top:527px; left:649px; display:block; width:80px; height:55px; margin-top:0px;z-index:5} #page #navigation #btn-envoyer a{background:transparent url(images/btn-envoyer-off.png) 0 0 no-repeat; display:block; width:80px; height:55px; cursor:pointer} #page #navigation #btn-envoyer a:hover {background:transparent url(images/btn-envoyer-on.png) 0px 0 no-repeat;width:80px; height:55px; cursor:pointer } #page #navigation #btn-envoyer.active a{background:transparent url(images/btn-envoyer-active.png) 0 0 no-repeat; display:block; width:80px; height:55px; cursor:pointer} #page #navigation #btn-envoyer.active a:hover {background:transparent url(images/btn-envoyer-active.png) 0px 0 no-repeat;width:80px; height:55px; cursor:pointer } #page #navigation #btn-envoyer a span{display:none} /*////////////// MENU NIV 1 */ /* --------------- #menu-niv-1 ---------*/ #page #navigation #menu-niv-1 { position:absolute; top: 532px; display:block; height:68px; width:600px;z-index:21 } #page #navigation #menu-niv-1 ul { } #page #navigation #menu-niv-1 li { display:block; float:left } #page #navigation #menu-niv-1 li.last {display:block; float:left;} #page #navigation #menu-niv-1 li a {position: relative; display:block; text-indent: -5000px; z-index:21 } * html #menu-niv-1 a:link, * html #menu-niv-1 a:visited {height:68px; he\ight:0;} #page #navigation #menu-niv-1 li#item1 a, #entete #menu-niv-1 li#item1.active a, #navigation #menu-niv-1 li#item1 a:hover {display:block; width:110px; height:68px; margin-left:0px} #page #navigation #menu-niv-1 li#item2 a, #entete #menu-niv-1 li#item2.active a, #navigation #menu-niv-1 li#item2 a:hover {display:block; width:142px; height:68px; margin-left:0px} #page #navigation #menu-niv-1 li#item3 a, #entete #menu-niv-1 li#item3.active a, #navigation #menu-niv-1 li#item3 a:hover {display:block; width:108px; height:68px; margin-left:14px} #page #navigation #menu-niv-1 li#item4 a, #entete #menu-niv-1 li#item4.active a, #navigation #menu-niv-1 li#item4 a:hover {display:block; width:94px; height:68px; margin-left:10px;} #page #navigation #menu-niv-1 li#item5 a, #entete #menu-niv-1 li#item5.active a, #navigation #menu-niv-1 li#item5 a:hover {display:block; width:87px; height:68px; margin-left:0px} #page #navigation #menu-niv-1 li#item1 a {background:transparent url(images/niv1-item1-off.png) 0 0 no-repeat;} #page #navigation #menu-niv-1 li#item2 a {background:transparent url(images/niv1-item2-off.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item3 a {background:transparent url(images/niv1-item3-off.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item4 a {background:transparent url(images/niv1-item4-off.png) 0 0 no-repeat;} #page #navigation #menu-niv-1 li#item5 a {background:transparent url(images/niv1-item5-off.png) 0 0 no-repeat;} #page #navigation #menu-niv-1 li#item1.active a{background:transparent url(images/niv1-item1-active.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item2.active a{background:transparent url(images/niv1-item2-active.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item3.active a{background:transparent url(images/niv1-item3-active.png) 0 0 no-repeat;} #page #navigation #menu-niv-1 li#item4.active a{background:transparent url(images/niv1-item4-active.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item5.active a{background:transparent url(images/niv1-item5-active.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item1 a:hover {background:transparent url(images/niv1-item1-on.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item2 a:hover {background:transparent url(images/niv1-item2-on.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item3 a:hover {background:transparent url(images/niv1-item3-on.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item4 a:hover {background:transparent url(images/niv1-item4-on.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item5 a:hover {background:transparent url(images/niv1-item5-on.png) 0 0 no-repeat;} #page #navigation #menu-niv-1 li#item1.active a:hover {background:transparent url(images/niv1-item1-on.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item2.active a:hover {background:transparent url(images/niv1-item2-on.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item3.active a:hover {background:transparent url(images/niv1-item3-on.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item4.active a:hover {background:transparent url(images/niv1-item4-on.png) 0 0 no-repeat; } #page #navigation #menu-niv-1 li#item5.active a:hover {background:transparent url(images/niv1-item5-on.png) 0 0 no-repeat; } /*/////////////// Content */ #page #content {position:absolute; display:block; width:875px; height:530px; top:0px; left:0px; background:transparent url(images/fond-carte-blanc-4.png) 0 0 no-repeat; z-index:9 } #page #content #flashcontent {position:relative; width:831px; height:486px; display:block; left:16px; top:15px ; z-index:9; } #page #content #postItLogo {position:absolute; display:block; width:152px; height:157px; top:1px; left:0px; background:transparent url(images/post-it-logo.png) 0 0 no-repeat; z-index:10} #page #content #postItGdf {position:absolute; display:block; width:132px; height:96px; top:434px; left:743px; background:transparent url(images/post-it-gdf.png) 0 0 no-repeat; z-index:10} /*/////////////// suivre à un ami */ #suivre {position:absolute; display:block; height: 362px; width:396px; top:-500px; left:50%; margin-left:-198px; background:transparent url(images/fond-envoyer-a-un-ami.png) top center no-repeat; z-index:101} #suivre #suivreContenu {position:absolute; display:block; height: 215px; width:297px; /* margin-top:-500px; */ top:100px; left:48px; z-index:102} #suivre form{position:absolute; display:block; width:297px; height:215px; top:0px; left:0px; background:transparent url(images/fond-envoyer-a-un-ami-formulaire.png) top center no-repeat; z-index:102 } #suivre form input { width:260px; height:14px;border:solid 0px #FFF; display:block; text-align:center; color:#693D8C; font-size:1.3em; line-height:1.3em; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; background-color:transparent; margin-left:10px; } #suivre form input#nom {margin-top:21px} #suivre form input#prenom { margin-top:31px} #suivre form input#email {margin-top:31px} * html #suivre form input#prenom { margin-top:29px} *+html #suivre form input#prenom { margin-top:29px} * html #suivre form input#email { margin-top:29px} *+html #suivre form input#email { margin-top:29px} #suivre #suivreContenu p { font-size:1.2em; line-height:1.2em; margin:70px 0 0 0; width:290px; text-align:center} #suivre #suivreContenu p.erreur { color:#900 } #suivre #suivreContenu p.envoye { color:#693D8C } /*/////////////// BOUTON fermer */ #suivre .btn-fermer {display:block; width:21px; height:21px; z-index:100} #suivre .btn-fermer a{background:transparent url(images/btn-fermer-off.gif) 0 0 no-repeat; display:block; width:21px; height:21px; cursor:pointer} #suivre .btn-fermer a:hover {background:transparent url(images/btn-fermer-hover.gif) 0px 0 no-repeat;width:21px; height:21px; cursor:pointer } #suivre .btn-fermer a span{display:none} #suivre .btn-fermer {position:absolute; top:17px; left:343px; } /*/////////////// BOUTON ok */ #btn-ok {display:block; width:84px; height:20px; z-index:100} #btn-ok a{background:transparent url(images/btn-ok-hover.gif) 0 0 no-repeat; display:block; width:84px; height:20px;} #btn-ok a:hover {background:transparent url(images/btn-ok-off.gif) 0px 0 no-repeat;width:84px; height:20px; } #btn-ok a span{display:none} #btn-ok {position:relative; top:17px; left:106px; } /*/////////////// BOUTON gdf */ #lienGdf {display:block; position:absolute; bottom:0; right:0; width:217px; height:107px; z-index:101; background-color:transparent} #lienGdf a{ display:block; width:217px; height:107px; cursor:pointer} #lienGdf a:hover {width:217px; height:107px; cursor:pointer } #lienGdf a span{display:none} body#id27 #htmlcontent .btn-fermer {position:absolute; top:45px; left:776px; } /* ----------------------------------------- */ /* >>>>>>>>>>>>> les episodes <<<<<<<<<<< */ /* ----------------------------------------- */ /*///////////////bulle */ body.template9 #page #content #bulle{position:absolute; display:block; width:270px; top:257px; left:224px } body.template9 #page #content #bulle p { display:block; width:270px; text-align:center; font-size:1.2em; color:#006AB1} /*/////////////// les épisodes */ body.template11 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-episodes-betisier.png) 0 0 no-repeat; } body.template11 #page #content #htmlcontent h3{ position:absolute; top:42px; left:335px; color:#693D8C; font-size:1.8em;} body.template11 #page #content #htmlcontent #navVideosCol1 { position:absolute; display:block; left:15px; top:174px; width:142px; height:426px;} body.template11 #page #content #htmlcontent #navVideosCol2 { position:absolute; display:block; left:150px; top:46px; width:162px; height:426px;} body.template11 #page #content #htmlcontent a {text-decoration:none} body.template11 #page #content #htmlcontent #vote { position:absolute; display:block; left:726px; top:41px; width:100px; height:25px; overflow:hidden} body.template11 #page #content #htmlcontent #vote p { font-size:1.1em; line-height:1.1em; margin-top:2px} #tooltip.pretty { font-family: Arial; border: none; width: 200px; padding:33px 0 0 0px; height: 120px; opacity: 0.9; background: url('images/shadow.png'); text-decoration:none } #tooltip.pretty h3 {color:#612180; font-size:1.1em; text-transform:uppercase; padding:0 0 2px 7px} #tooltip.pretty .body {color:#000; font-size:1em; line-height:1.2em; width:160px; padding:0 0 0 7px} #tooltip.pretty div { width: 213px; text-align: left; } body.template11 #page #content #htmlcontent .uneVignette { position:relative; display:block; margin: 5px 0 0 5px;} body.template11 #page #content #htmlcontent .uneVignette h4{ color:#E85C0F; font-size:0.9em; text-transform:uppercase} body.template11 #page #content #htmlcontent .uneVignette h5{ color:#693D8C; text-transform:uppercase} body.template11 #page #content #htmlcontent .uneVignette img {width:80px;} body.template11 #page #content #htmlcontent .active img { padding:3px; background:transparent url(images/fondEpisode.png) top left no-repeat;} body.template11 #page #content #htmlcontent #player{ position:absolute; display:block; left:369px; top:90px;} /*/////////////// BOUTON savoir plus */ #btn-savoir {display:block; width:122px; height:50px; z-index:3000} #btn-savoir a{background:transparent url(images/btn-savoir-off.png) 0 0 no-repeat; display:block; width:122px; height:50px;} #btn-savoir a:hover {background:transparent url(images/btn-savoir-on.png) 0px 0 no-repeat;width:122px; height:50px; } #btn-savoir a span{display:none} #btn-savoir {position:relative; top:405px; left:385px; } /*/////////////// BOUTON rss */ #btn-rss {display:block; width:16px; height:16px; z-index:3000} #btn-rss a{background:transparent url(images/feed-icon-16x16.png) 0 0 no-repeat; display:block; width:16px; height:16px;} #btn-rss a:hover {background:transparent url(images/feed-icon-16x16.png) 0px 0 no-repeat;width:16px; height:16px; } #btn-rss a span{display:none} #btn-rss {position:relative; top:335px; left:789px; } /*/////////////// BOUTON book */ #book {display:block; width:16px; height:16px; z-index:3000} #book {position:absolute; top:385px; left:657px; } /*/////////////// BOUTON acceder jeu */ body.template11 #accederJeu {display:block; position:absolute; width:60px; height:50px; z-index:3000; top:442px; left:650px;} body.template11 #accederJeu a{ font-size:1.4em; line-height:1.4em; font-weight:bold; width:285px; color:#693D8C; text-decoration:none} body.template11 #accederJeu a:hover { text-decoration:underline } body.template11 #accederJeu { } /*/////////////// BOUTON betisier */ body.template11 #btn-betisier {display:block; width:80px; height:49px; z-index:3000} body.template11 #btn-betisier a{background:transparent url(images/btn-betisier-off.png) 0 0 no-repeat; display:block; width:80px; height:49px;} body.template11 #btn-betisier a:hover {background:transparent url(images/btn-betisier-on.png) 0px 0 no-repeat;width:80px; height:49px; } body.template11 #btn-betisier a span{display:none} body.template11 #btn-betisier {position:relative; top:135px; left:30px; } /*/////////////// BOUTON fermer */ #suivre .btn-fermer {display:block; width:21px; height:21px; z-index:100} #suivre .btn-fermer a{background:transparent url(images/btn-fermer-off.gif) 0 0 no-repeat; display:block; width:21px; height:21px; cursor:pointer} #suivre .btn-fermer a:hover {background:transparent url(images/btn-fermer-hover.gif) 0px 0 no-repeat;width:21px; height:21px; cursor:pointer } #suivre .btn-fermer a span{display:none} #suivre .btn-fermer {position:absolute; top:17px; left:343px; } /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> les bonus bande annonce <<<<<<<<<<< */ /* ------------------------------------------------------ */ /*/////////////// bdande annonce */ body#id24 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-bande-annonce.gif) 0 0 no-repeat; } body#id24 #page #content #htmlcontent #player{ position:absolute; display:block; left:250px; top:105px; z-index:10;} /*/////////////// BOUTON fermer */ body#id24 #htmlcontent .btn-fermer {display:block; width:21px; height:21px; z-index:100} body#id24 #htmlcontent .btn-fermer a{background:transparent url(images/btn-fermer-orange.gif) 0 0 no-repeat; display:block; width:21px; height:21px; cursor:pointer} body#id24 #htmlcontent .btn-fermer a:hover {background:transparent url(images/btn-fermer-vert.gif) 0px 0 no-repeat;width:21px; height:21px; cursor:pointer } body#id24 #htmlcontent .btn-fermer a span{display:none} body#id24 #htmlcontent .btn-fermer {position:absolute; top:45px; left:776px; } /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> les bonus making off <<<<<<<<<<< */ /* ------------------------------------------------------ */ /*/////////////// making off */ body#id27 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-making-off.gif) 0 0 no-repeat; } body#id27 #page #content #htmlcontent #player{ position:absolute; display:block; left:250px; top:105px; z-index:10;} /*/////////////// BOUTON fermer */ body#id27 #htmlcontent .btn-fermer {display:block; width:21px; height:21px; z-index:100} body#id27 #htmlcontent .btn-fermer a{background:transparent url(images/btn-fermer-orange.gif) 0 0 no-repeat; display:block; width:21px; height:21px; cursor:pointer} body#id27 #htmlcontent .btn-fermer a:hover {background:transparent url(images/btn-fermer-vert.gif) 0px 0 no-repeat;width:21px; height:21px; cursor:pointer } body#id27 #htmlcontent .btn-fermer a span{display:none} body#id27 #htmlcontent .btn-fermer {position:absolute; top:45px; left:776px; } /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> avant premiere bande annonce <<<<<< */ /* ------------------------------------------------------ */ /*/////////////// bdande annonce */ body#id30 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-bande-annonce-premiere.png) 0 0 no-repeat; } body#id30 #page #content #htmlcontent #player{ position:absolute; display:block; left:250px; top:105px; z-index:10;} /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> les bonus making off <<<<<<<<<<< */ /* ------------------------------------------------------ */ /*/////////////// making off */ body#id27 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-making-off.gif) 0 0 no-repeat; } body#id27 #page #content #htmlcontent #player{ position:absolute; display:block; left:250px; top:105px; z-index:10;} /*/////////////// BOUTON fermer */ body#id31 #htmlcontent p {margin:160px 0 0 30px; color:#693D8C} /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> inscription jeu <<<<<<<<<<< */ /* ------------------------------------------------------ */ /*/////////////// bdande annonce */ body#id44 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-inscription-jeu-double.png) 0 0 no-repeat; } /*/////////////// inscriptions */ body#id44 #page #content #htmlcontent #inscription {position:relative; display:block; width:310px; top:295px; left:20px} body#id44 #page #content #htmlcontent #inscription form { padding-top:6px;} body#id44 #page #content #htmlcontent #inscription form label.input , body#id44 #page #content #htmlcontent #inscription form input.input {display: block; position:relative; width: 150px;float: left;margin-bottom: 3px;} body#id44 #page #content #htmlcontent #inscription form label.input {text-align: right; position:relative; width: 75px; height:13px; padding-left:0px; padding-right: 10px; font-size:1.4em; line-height:1.4em; font-weight:bold; color:#693D8C} body#id44 #page #content #htmlcontent #inscription form label.case , body#id44 #page #content #htmlcontent #inscription form input.case {display: block; position:relative; width: 5px;float: left;margin-bottom: 0px;} body#id44 #page #content #htmlcontent #inscription form label.case {text-align: left;width: 250px; padding-left:3px; padding-right: 0px; font-size:1.1em; line-height:22px; font-weight:bold; color:#693D8C} body#id44 #page #content #htmlcontent #inscription form input.case { margin-left:15px !important; margin-left:8px; width:10px;} body#id44 #page #content #htmlcontent #inscription br {clear: left;} body#id44 #page #content #htmlcontent #inscription #erreur p { text-align: left;width: 250px; padding-left:20px; padding-right: 0px; font-size:1.2em; line-height:1.2em; font-weight:bold; color:#E85C0F} /*/////////////// BOUTON valider */ body#id44 #htmlcontent .btn-valider {display:block; position:relative; width:21px; height:21px; z-index:100} body#id44 #htmlcontent .btn-valider a{background:transparent url(images/btn-valider-off.png) 0 0 no-repeat; display:block; width:95px; height:24px; cursor:pointer} body#id44 #htmlcontent .btn-valider a:hover {background:transparent url(images/btn-valider-on.png) 0px 0 no-repeat;width:95px; height:24px; cursor:pointer } body#id44 #htmlcontent .btn-valider a span{display:none} body#id44 #htmlcontent .btn-valider {position:absolute; top:140px; left:85px; } /*/////////////// BOUTON reglement */ body#id44 #htmlcontent p#reglement {display:block; position:absolute; top:180px; left:15px; font-size:1.2em; line-height:1.2em; font-weight:bold; width:285px; color:#693D8C;} body#id44 #htmlcontent p#reglement a {color:#693D8C; text-decoration:none} body#id44 #htmlcontent p#reglement a:hover {color:#693D8C; text-decoration:underline} /*/////////////// BOUTON acceder jeu */ #jejoue {display:block; position:absolute; width:60px; height:50px; z-index:3000; top:200px; left:680px;} #jejoue a{ font-size:1.1em; line-height:1.1em; font-weight:bold; width:285px; color:#693D8C; text-decoration:none} #jejoue a:hover { text-decoration:underline } /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> inscription jeu double <<<<<<<<<<< */ /* ------------------------------------------------------ */ /*/////////////// bdande annonce */ body#id50 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-inscription-jeu-double.png) 0 0 no-repeat; } /*/////////////// inscriptions */ body#id50 #page #content #htmlcontent #inscription {position:relative; display:block; width:310px; top:295px; left:20px} body#id50 #page #content #htmlcontent #inscription form { padding-top:6px;} body#id50 #page #content #htmlcontent #inscription form label.input , body#id50 #page #content #htmlcontent #inscription form input.input {display: block; position:relative; width: 150px;float: left;margin-bottom: 3px;} body#id50 #page #content #htmlcontent #inscription form label.input {text-align: right; position:relative; width: 75px; height:13px; padding-left:0px; padding-right: 10px; font-size:1.4em; line-height:1.4em; font-weight:bold; color:#693D8C} body#id50 #page #content #htmlcontent #inscription form label.case , body#id50 #page #content #htmlcontent #inscription form input.case {display: block; position:relative; width: 5px;float: left;margin-bottom: 0px;} body#id50 #page #content #htmlcontent #inscription form label.case {text-align: left;width: 250px; padding-left:3px; padding-right: 0px; font-size:1.1em; line-height:22px; font-weight:bold; color:#693D8C} body#id50 #page #content #htmlcontent #inscription form input.case { margin-left:15px !important; margin-left:8px; width:10px;} body#id50 #page #content #htmlcontent #inscription br {clear: left;} body#id50 #page #content #htmlcontent #inscription #erreur p { text-align: left;width: 250px; padding-left:20px; padding-right: 0px; font-size:1.2em; line-height:1.2em; font-weight:bold; color:#E85C0F} /*/////////////// BOUTON valider */ body#id50 #htmlcontent .btn-valider {display:block; position:relative; width:21px; height:21px; z-index:100} body#id50 #htmlcontent .btn-valider a{background:transparent url(images/btn-valider-off.png) 0 0 no-repeat; display:block; width:95px; height:24px; cursor:pointer} body#id50 #htmlcontent .btn-valider a:hover {background:transparent url(images/btn-valider-on.png) 0px 0 no-repeat;width:95px; height:24px; cursor:pointer } body#id50 #htmlcontent .btn-valider a span{display:none} body#id50 #htmlcontent .btn-valider {position:absolute; top:50px; left:85px; } /*/////////////// BOUTON reglement */ body#id50 #htmlcontent p#reglement {display:block; position:absolute; top:180px; left:15px; font-size:1.2em; line-height:1.2em; font-weight:bold; width:285px; color:#693D8C;} body#id50 #htmlcontent p#reglement a {color:#693D8C; text-decoration:none} body#id50 #htmlcontent p#reglement a:hover {color:#693D8C; text-decoration:underline} /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> question jeu <<<<<<<<<<< */ /* ------------------------------------------------------ */ /*/////////////// bdande annonce */ body#id45 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-question-jeu.png) 0 0 no-repeat; } /*/////////////// question */ body#id45 #page #content .question {position:relative; top:195px; left:440px} body#id45 #page #content .question h4 {font-size:1.5em; line-height:1.5em; font-weight:bold; color:#E85C0F; width:355px} body#id45 #page #content .question p {font-size:1.5em; line-height:1.5em; font-weight:bold; color:#693D8C; width:285px} body#id45 #page #content .question form { padding-top:10px} body#id45 #page #content .question label.input , body#id45 #page #content .question input.input {display: block; position:relative; width: 150px;float: left;margin-bottom: 5px;} body#id45 #page #content .question label.input {text-align: right; position:relative; width: 75px; padding-left:0px; padding-right: 10px; font-size:1.5em; line-height:1.4em; font-weight:bold; color:#693D8C} body#id45 #page #content .question label.case , body#id45 #page #content .question input.case {display: block; position:relative; width: 10px;float: left;margin-bottom: 5px;} body#id45 #page #content .question label.case {text-align: left;width: 250px; padding-left:5px; padding-right: 0px; font-size:1.5em; line-height:1.4em; font-weight:bold; color:#693D8C} body#id45 #page #content .question input.case { margin-left:0px; } body#id45 #page #content .question br {clear: left;} body#id45 #page #content #erreur p { color:#E85C0F} /*/////////////// BOUTON valider */ body#id45 #htmlcontent .btn-valider {display:block; width:21px; height:21px; z-index:100} body#id45 #htmlcontent .btn-valider a{background:transparent url(images/btn-valider-off-fondBlanc.png) 0 0 no-repeat; display:block; width:95px; height:24px; cursor:pointer} body#id45 #htmlcontent .btn-valider a:hover {background:transparent url(images/btn-valider-on-fondBlanc.png) 0px 0 no-repeat;width:95px; height:24px; cursor:pointer } body#id45 #htmlcontent .btn-valider a span{display:none} body#id45 #htmlcontent .btn-valider {position:absolute; top:240px; left:55px; } /*/////////////// BOUTON indice */ body#id45 #htmlcontent .btn-indice {display:block; width:98px; height:37px; z-index:100} body#id45 #htmlcontent .btn-indice a{background:transparent url(images/btn-indice-off.png) 0 0 no-repeat; display:block; width:98px; height:37px; cursor:pointer} body#id45 #htmlcontent .btn-indice a:hover {background:transparent url(images/btn-indice-on.png) 0px 0 no-repeat;width:98px; height:37px; cursor:pointer } body#id45 #htmlcontent .btn-indice a span{display:none} body#id45 #htmlcontent .btn-indice {position:absolute; top:-80px; left:275px; } /*/////////////// numero */ body#id45 #htmlcontent #numero {display:block; width:50px; height:50px; z-index:100; position:absolute; top:-93px; left:185px;} body#id45 #htmlcontent #numero h3{display:block; width:50px; height:50px; cursor:pointer} body#id45 #htmlcontent #question1 #numero h3{background:transparent url(images/numero1.png) 0 0 no-repeat;} body#id45 #htmlcontent #question2 #numero h3{background:transparent url(images/numero2.png) 0 0 no-repeat; } body#id45 #htmlcontent #question3 #numero h3{background:transparent url(images/numero3.png) 0 0 no-repeat; } body#id45 #htmlcontent #question4 #numero h3{background:transparent url(images/numero4.png) 0 0 no-repeat; } body#id45 #htmlcontent #question5 #numero h3{background:transparent url(images/numero5.png) 0 0 no-repeat; } body#id45 #htmlcontent #numero h3 span{display:none} /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> question jeu double <<<<<<<<<<< */ /* ------------------------------------------------------ */ /*/////////////// bdande annonce */ body#id52 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-question-jeu.png) 0 0 no-repeat; } /*/////////////// question bonus */ body#id52 #page #content .question {position:relative; top:195px; left:440px} body#id52 #page #content .question h4 {font-size:1.5em; line-height:1.5em; font-weight:bold; color:#E85C0F; width:355px} body#id52 #page #content .question p {font-size:1.5em; line-height:1.5em; font-weight:bold; color:#693D8C; width:285px} body#id52 #page #content .question form { padding-top:10px} body#id52 #page #content .question label.input , body#id52 #page #content .question input.input {display: block; position:relative; width: 150px;float: left;margin-bottom: 5px;} body#id52 #page #content .question label.input {text-align: right; position:relative; width: 75px; padding-left:0px; padding-right: 10px; font-size:1.5em; line-height:1.4em; font-weight:bold; color:#693D8C} body#id52 #page #content .question label.case , body#id52 #page #content .question input.case {display: block; position:relative; width: 10px;float: left;margin-bottom: 5px;} body#id52 #page #content .question label.case {text-align: left;width: 250px; padding-left:5px; padding-right: 0px; font-size:1.5em; line-height:1.4em; font-weight:bold; color:#693D8C} body#id52 #page #content .question input.case { margin-left:0px; } body#id52 #page #content .question br {clear: left;} body#id52 #page #content #erreur p { color:#E85C0F} /*/////////////// BOUTON valider */ body#id52 #htmlcontent .btn-valider {display:block; width:21px; height:21px; z-index:100} body#id52 #htmlcontent .btn-valider a{background:transparent url(images/btn-valider-off-fondBlanc.png) 0 0 no-repeat; display:block; width:95px; height:24px; cursor:pointer} body#id52 #htmlcontent .btn-valider a:hover {background:transparent url(images/btn-valider-on-fondBlanc.png) 0px 0 no-repeat;width:95px; height:24px; cursor:pointer } body#id52 #htmlcontent .btn-valider a span{display:none} body#id52 #htmlcontent .btn-valider {position:absolute; top:240px; left:55px; } /*/////////////// BOUTON indice */ body#id52 #htmlcontent .btn-indice {display:block; width:98px; height:37px; z-index:100} body#id52 #htmlcontent .btn-indice a{background:transparent url(images/btn-indice-off.png) 0 0 no-repeat; display:block; width:98px; height:37px; cursor:pointer} body#id52 #htmlcontent .btn-indice a:hover {background:transparent url(images/btn-indice-on.png) 0px 0 no-repeat;width:98px; height:37px; cursor:pointer } body#id52 #htmlcontent .btn-indice a span{display:none} body#id52 #htmlcontent .btn-indice {position:absolute; top:-80px; left:275px; } /*/////////////// numero */ body#id52 #htmlcontent #numero {display:block; width:50px; height:50px; z-index:100; position:absolute; top:-93px; left:185px;} body#id52 #htmlcontent #numero h3{display:block; width:50px; height:50px; cursor:pointer} body#id52 #htmlcontent #question6 #numero h3{ } body#id52 #htmlcontent #numero h3 span{display:none} /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> jeu texte <<<<<<<<<<< */ /* ------------------------------------------------------ */ /*/////////////// bdande annonce */ body#id46 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-texte-jeu.png) 0 0 no-repeat; } body#id46 #page #content #texte {position:relative; top:195px; left:440px} body#id46 #page #content #texte h4 {font-size:1.5em; line-height:1.5em; font-weight:bold; color:#E85C0F; width:285px} body#id46 #page #content #texte p {font-size:1.5em; line-height:1.5em; font-weight:bold; color:#693D8C; width:285px} body#id46 #page #content #texte p a{ color:#E85C0F; text-decoration:none} body#id46 #page #content #texte p a:hover { color:#E85C0F; text-decoration:underline } /*/////////////// BOUTON indice */ body#id46 #htmlcontent .btn-rejouer {display:block; position:absolute; width:142px; height:33px; z-index:100; left:450px; top:300px} body#id46 #htmlcontent .btn-rejouer a{background:transparent url(images/btn-rejouer-off.png) 0 0 no-repeat; display:block; width:142px; height:33px; cursor:pointer} body#id46 #htmlcontent .btn-rejouer a:hover {background:transparent url(images/btn-rejouer-on.png) 0px 0 no-repeat;width:142px; height:33px; cursor:pointer } body#id46 #htmlcontent .btn-rejouer a span{display:none} /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> jeu double texte <<<<<<<<<<< */ /* ------------------------------------------------------ */ /*/////////////// bdande annonce */ body#id51 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-texte-jeu.png) 0 0 no-repeat; } body#id51 #page #content #texte {position:relative; top:195px; left:440px} body#id51 #page #content #texte h4 {font-size:1.5em; line-height:1.5em; font-weight:bold; color:#E85C0F; width:285px} body#id51 #page #content #texte p {font-size:1.5em; line-height:1.5em; font-weight:bold; color:#693D8C; width:285px} /*/////////////// BOUTON indice */ body#id51 #htmlcontent .btn-rejouer {display:block; position:absolute; width:142px; height:33px; z-index:100; left:450px; top:300px} body#id51 #htmlcontent .btn-rejouer a{background:transparent url(images/btn-rejouer-off.png) 0 0 no-repeat; display:block; width:142px; height:33px; cursor:pointer} body#id51 #htmlcontent .btn-rejouer a:hover {background:transparent url(images/btn-rejouer-on.png) 0px 0 no-repeat;width:142px; height:33px; cursor:pointer } body#id51 #htmlcontent .btn-rejouer a span{display:none} /* ------------------------------------------------------ */ /* >>>>>>>>>>>>> le reglement <<<<<<<<<<< */ /* ------------------------------------------------------ */ /*/////////////// bdande annonce */ body#id48 #page #content #htmlcontent {position:relative; width:842px; height:498px; display:block; left:10px; top:9px ; z-index:9; background:transparent url(images/fond-texte-jeu.png) 0 0 no-repeat; } body#id48 #page #content #texte {position:relative; display:block; top:265px; left:340px; height:215px; width:385px; overflow-y:scroll; padding-right:6px} body#id48 #page #content #texte h3 {font-size:1.2em; line-height:1.2em; font-weight:bold; color:#E85C0F; margin-bottom:6px} body#id48 #page #content #texte h4 {font-size:1.1em; line-height:1.2em; font-weight:bold; color:#E85C0F; margin-bottom:6px} body#id48 #page #content #texte p {font-size:1em; line-height:1.2em; font-weight:bold; color:#693D8C; margin-bottom:6px} body#id48 #page #content #texte p strong { font-weight:bold} /* hack FF pour masquer les contours pointillé sur les liens -------------------------------------------------------*/ a{outline: none; color:#000000} :focus{-moz-outline-style: none;} embed {position:relative; display:block; z-index:11}